Beim Ziehen eines nicht ausgewählten Bildes in einem Rich-Text-Editor wird es wiederholt hochgeladen

Ich bin mir nicht sicher, ob dies ein Design-Problem ist, aber vorerst werde ich es in diese Kategorie einordnen.

Bild im Rich-Text-Editor hochladen:

  • Wenn Sie darauf klicken (wodurch es ausgewählt wird) und es dann ziehen, wird das Bild verschoben. :smiley:
  • Wenn Sie es ziehen, ohne zuerst darauf zu klicken, wird es als neue Bildressource behandelt und der Hochladevorgang wird erneut ausgeführt… :sweat_smile:

Ich bin verwirrt über das letztere Szenario, da ich denke, dass das Ziehen unabhängig davon, ob Sie darauf klicken oder nicht, die Position des Bildes verschieben sollte, anstatt es erneut hochzuladen. :slightly_smiling_face:
Falls dies kein Fehler, sondern ein beabsichtigtes Design ist, darf mir gerne jemand mitteilen, in welchem Szenario wiederholtes Hochladen verwendet würde. :grinning_face_with_smiling_eyes:

2 „Gefällt mir“

Ich kann das nicht nachstellen :woman_shrugging: Vielleicht schafft es jemand anderes.

Welchen Browser verwendest du?

Edge-Browser, Version 145.0.3800.82. Ich habe gerade auf 148.0.3967.54 aktualisiert, aber das hat nichts gebracht.

Ja, ich hoffe, jemand anderes kann das erfolgreich reproduzieren. :face_with_head_bandage:
Ich kann nur bestätigen, dass dieses Problem existiert, aber ich kenne die genaue Ursache nicht.
Anfangs beschwerte sich ein Nutzer auf meiner Website darüber, dass er dieses Problem beim Ziehen eines hochgeladenen Bildes hatte. Damals fiel es mir ebenfalls schwer, es nachzustellen, es sei denn, ich kopierte direkt das Markdown, das der Nutzer zum Hochladen des Bildes verwendet hatte. Es scheint sowohl mit der Website als auch mit dem Anhang selbst zusammenzuhängen (die betroffenen Bilder sind allesamt PNG-Dateien), und ich konnte das Problem auch auf Meta nicht reproduzieren (selbst wenn ich denselben Anhang auf Meta hochgeladen habe), sodass das Problem zunächst auf Eis gelegt wurde.
Am Tag, an dem ich dieses Thema erstellt habe, hatte ich eine plötzliche Idee und probierte das PNG-Bild des Discourse-Standardlogos aus dem Video aus. Schließlich gelang es mir, das Problem auf Meta nachzustellen. Als ich es jedoch heute erneut versuchte, schien dieses Bild nicht mehr referenzierbar zu sein – das Testmaterial, mit dem ich das Problem auf Meta erfolgreich reproduziert hatte, ist wieder verschwunden. :face_with_spiral_eyes:

Zusammenfassend lässt sich sagen: Dies ist tatsächlich ein Grenzfalle, der sehr schwer auszulösen ist. Sobald er jedoch ausgelöst wird, tritt er bei derselben Anhangsdatei derselben Website stabil auf.

Nein, tut mir leid, egal wie ich es versuche, selbst mit dem Beispiellogo kann ich das Problem nicht auslösen.

Ich habe Edge nicht zum Testen bereit, also liegt es vielleicht am Browser. Können Sie es in einem Chromium-Browser testen?

Hallo, ich versuche (in Edge, Version 148.0.3967.54 (Offizielles Build) (64-Bit)), bei der Tests dieses Fehlers zu helfen…


Dies ist Text nach dem Bild

2 „Gefällt mir“

Ist Edge nicht ein Chromium-Browser?

Hmm… Ich habe versucht, diesen Fehler nachzustellen, konnte es bisher aber nicht. Wenn du etwas konkreter werden kannst, werde ich es erneut versuchen und meine Ergebnisse berichten.

2 „Gefällt mir“

Ich verstehe nicht – wie kannst du es ziehen, ohne zuerst darauf zu klicken?

Ich sehe, dass in deinem Beitrag zwei Vorkommen von ![image](/images/discourse-logo-sketch-small.png) sind. Ist das ein Produkt einer erfolgreichen Reproduktion? Das heißt: Kannst du das mit dem kleinen Logo reproduzieren, aber nicht mit dem Bild deiner Katze?

Platzieren Sie zunächst den Cursor auf einem anderen Textabschnitt, halten Sie dann die linke Maustaste auf dem Bild gedrückt und ziehen Sie es direkt. Wenn Sie zuerst klicken (und loslassen) und dann ziehen, wird tatsächlich das Bild ausgewählt.

OK, in Edge und mit RTE, neu beginnend, um es zu versuchen…

ich lade ein neues Bild unten hoch…

… und ziehe das Bild nun unter den nächsten Absatz…

Hier ist der nächste Absatz…

Dies ist der nächste Absatz. Ich werde das Bild nun unter hierher ziehen…

Beim obigen Test (durchgeführt in der neuesten Edge-Version und RTE im Discourse-Composer) schien das Ziehen des zuvor hochgeladenen Bildes einfach korrekt zu funktionieren – ich habe keine Hinweise auf eine erneute Hochladung gesehen?

Vielleicht hatten Sie das Glück, diesen Bug noch nie zu erleben :smiley:, aber unabhängig davon demonstriere ich im folgenden Video den Tastenanschlag-Ablauf, der die beiden Vorgänge „Hochladen

Könnte es sein, dass dieses Problem nur auf dieses bestimmte Bild beschränkt ist?


Die folgenden 2 wurden im RTE-Modus in den Composer eingefügt…

![image](/images/discourse-logo-sketch-small.png)

![image](/images/discourse-logo-sketch-small.png)


Die folgenden 2 weiteren wurden im Markdown-Modus in den Composer eingefügt

!\[image\](/images/discourse-logo-sketch-small.png)

Meinst du mit diesem letzteren Szenario, dass 2 verschiedene Instanzen/Kopien des Bildes/der Datei hochgeladen werden und dann 2 Dateien auf dem Server gespeichert werden?

Oder, dass das eingefügte Bild erst nach dem Hochladen auf den Server geladen wird, wenn du (nach dem Hochladen) darauf klickst (und dann nur diese eine Instanz des Bildes/der Datei hochgeladen und auf dem Server gespeichert wird)?

Nein, es gibt mehrere Bilder auf meiner eigenen Website, die das Problem reproduzieren können. Ich habe jedoch noch nicht viel zu Meta recherchiert und bisher nur diesen einen Fall gefunden.

Nein, tatsächlich ist Discourse schlauer, als wir dachten. Zum Beispiel:
Ein Benutzer auf meiner Website hat ein Bild hochgeladen, und im Markdown-Editor sieht es so aus:

...
![pic|370x494, 40%](upload://jqrVvqCoYL0wuOvUZWTDwhYw8IU.jpeg)
...

Ich habe den vollständigen Link über die Entwicklertools des Browsers ermittelt: https://example.com/uploads/default/original/1X/8826bc6c1be0e501979df4a004b9b2ae51c50320.jpeg. Daher habe ich das Bild im Editor mit dem vollständigen Link-Format referenziert:

![image](https://example.com/uploads/default/original/1X/8826bc6c1be0e501979df4a004b9b2ae51c50320.jpeg)

Nachdem ich im Rich-Text-Editor gezogen, aber nicht geklickt habe (was einen Upload auslöst), wird der Inhalt im Markdown-Editor wie folgt:

![image](https://example.com/uploads/default/original/1X/8826bc6c1be0e501979df4a004b9b2ae51c50320.jpeg)

![image|370x494](upload://jqrVvqCoYL0wuOvUZWTDwhYw8IU.jpeg)

Man sieht, dass Discourse zwar anzeigt, dass das Ziehen einen Upload auslöst, das Bild jedoch tatsächlich als ![image|370x494](upload://jqrVvqCoYL0wuOvUZWTDwhYw8IU.jpeg) erscheint, was demselben Anhang entspricht, den dieser Benutzer ursprünglich als https://example.com/uploads/default/original/1X/8826bc6c1be0e501979df4a004b9b2ae51c50320.jpeg hochgeladen hat.

  • Das Ziehen eines Bildes im Format ![image|370x494](upload://jqrVvqCoYL0wuOvUZWTDwhYw8IU.jpeg) führt ebenfalls zur gleichen Verarbeitung.

Aus dieser Perspektive belegt das erneute Auslösen eines Uploads tatsächlich keinen zusätzlichen Speicherplatz – nur die erste hochgeladene Datei belegt tatsächlich Serverspeicher. Es handelt sich also nur um ein Problem der Benutzererfahrung: Benutzer sind verwirrt darüber, „warum das Ziehen eines Bildes (wenn ich klicke und dann ziehe, ohne die Maustaste loszulassen) nicht wie erwartet bewegt wird, sondern stattdessen einen laufenden Upload anzeigt und das Bild dupliziert?"

1 „Gefällt mir“

Dann würde ich vorerst schließen, dass (gute Nachrichten!) das Bild nicht tatsächlich wiederholt hochgeladen wird, sondern nur eine Instanz davon hochgeladen wird(?).

1 „Gefällt mir“