Trascinando un'immagine non selezionata in un editor di testo avanzato, viene caricata ripetutamente

Non sono sicuro se si tratti di un problema di progettazione, ma per ora lo inserirò in questa categoria.

Carica un’immagine nell’editor di testo ricco:

  • Se fai clic su di essa (il che la seleziona) e poi la trascini, l’immagine verrà spostata. :smiley:
  • Se la trascini senza prima fare clic su di essa, verrà trattata come una nuova risorsa immagine e l’operazione di caricamento verrà eseguita nuovamente… :sweat_smile:

Sono confuso da quest’ultimo scenario, perché penso che, indipendentemente dal fatto che tu faccia clic su di essa o meno, il trascinamento dovrebbe spostare la posizione dell’immagine piuttosto che ricaricarla. :slightly_smiling_face:
Se non si tratta di un bug ma di una progettazione intenzionale, chiunque è invitato a dirmi in quale scenario verrebbe utilizzato il caricamento ripetuto. :grinning_face_with_smiling_eyes:

2 Mi Piace

Non riesco a riprodurlo :woman_shrugging: Forse qualcun altro ci riuscirà.

Quale browser stai usando?

Browser Edge, versione 145.0.3800.82: ho appena aggiornato alla 148.0.3967.54, ma non ha apportato miglioramenti.

Sì, spero che qualcun altro riesca a riprodurlo con successo. :face_with_head_bandage:
Posso solo confermare che questo problema esiste, ma non conosco la causa specifica.
Inizialmente, un utente del mio sito mi ha segnalato di aver incontrato questo problema mentre trascinava un’immagine che aveva caricato. A quel tempo, anche io ho avuto difficoltà a riprodurlo, a meno che non copiassi direttamente il Markdown usato dall’utente per caricare quell’immagine. Sembra essere correlato sia al sito che all’allegato stesso (le immagini problematiche sembrano essere tutte file PNG), e non sono riuscito a riprodurlo nemmeno su Meta (nemmeno caricando lo stesso allegato su Meta), quindi questo problema è stato messo da parte.
Nel giorno in cui ho creato questo argomento, ho avuto un’idea improvvisa e ho provato l’immagine PNG del logo predefinito di Discourse tratta dal video, riuscendo finalmente a riprodurre il problema su Meta. Tuttavia, quando ho riprovato oggi, sembra che questa immagine non sia più disponibile: il materiale di test che aveva permesso di riprodurre con successo il problema su Meta è sparito di nuovo. :face_with_spiral_eyes:

In sintesi, questo è effettivamente un caso limite molto difficile da innescare, ma una volta attivato, si riproduce in modo stabile per lo stesso allegato dello stesso sito.

No, scusa, non importa come provo a trascinare, nemmeno con il logo di esempio, non riesco a riprodurre il problema.

Non ho Edge pronto per i test, quindi forse è correlato al browser. Puoi provare in un browser Chromium?

Ciao, sto tentando (in Edge, Versione 148.0.3967.54 (Build ufficiale) (64-bit)) di contribuire ai test per questo bug…


Questo è il testo dopo l’immagine

2 Mi Piace

Edge non è un browser Chromium?

Hmm… Ho provato a ricreare questo bug, ma finora non ci sono riuscito. Se puoi essere più specifico, riproverò e riferirò i risultati.

2 Mi Piace

Non capisco: come fai a trascinarlo senza prima cliccarci sopra?

Vedo che nel tuo post ci sono due occorrenze di ![image](/images/discourse-logo-sketch-small.png). È il risultato di una riproduzione riuscita? Cioè: riesci a riprodurre il problema con il piccolo logo, ma non con la foto del tuo gatto?

Innanzitutto posiziona il cursore su un altro testo, quindi tieni premuto il pulsante sinistro del mouse sull’immagine e trascinalo direttamente. Se fai clic (e rilasci) prima di trascinare, l’immagine verrà effettivamente selezionata.

OK, in Edge, e usando l’editor visuale, ricominciamo da zero per provare…

caricando una nuova immagine qui sotto…

… e ora trascinando l’immagine sotto il paragrafo successivo..

Ecco il paragrafo successivo…

Questo è il paragrafo successivo. Ora trascinerò l’immagine qui sotto…

Nel test sopra riportato (eseguito nell’ultima versione di Edge e con l’RTE nell’editor di Discourse), il trascinamento dell’immagine caricata in precedenza ha funzionato correttamente: non ho visto alcuna indicazione che suggerisse di ricaricarla?

Forse hai la fortuna di non aver mai incontrato questo bug :smiley:, ma comunque, nel video qui sotto dimostro il flusso di pressione dei tasti che attiva le due operazioni, caricamento e spostamento, utilizzando KeyCastOW, in modo che tu e gli altri possiate comprendere chiaramente il processo specifico.


Caricamento - Premi il pulsante sinistro del mouse e trascina direttamente


Spostamento - Premi il pulsante sinistro del mouse per cliccare e poi trascina

A proposito, ho appena testato usando il tuo gatto (![image](https://d11a6trkgmumsb.cloudfront.net/original/4X/c/8/4/c84af711be6e56b1fa1500710edd6869364935da.png)) e la tua altra immagine (![image](https://d11a6trkgmumsb.cloudfront.net/original/4X/8/9/8/89898942816045cca658884fa050bacd20f3cdfb.jpeg)), e ho scoperto che nessuna delle due ha attivato questo problema.

Ti suggerisco di usare ![image](/images/discourse-logo-sketch-small.png) per i test; almeno è a mia conoscenza un materiale di test che può riprodurre in modo affidabile il problema. Se non riesci a riprodurre il problema usandolo, forse sei semplicemente così fortunato. :wink:

È possibile che questo problema sia limitato a questa particolare immagine?


Di seguito, i primi due sono incollati nel composer in modalità RTE…

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

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


Di seguito, altri due sono incollati nel composer in modalità Markdown

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

In questo ultimo scenario, stai dicendo che vengono caricate 2 istanze/copie diverse dell’immagine/file e che poi 2 file vengono archiviati sul server?

Oppure, che l’immagine incollata non viene effettivamente caricata sul server fino a quando (dopo il caricamento) non ci fai clic (e solo in quel caso quell’unica istanza dell’immagine/file viene caricata e archiviata sul server)?

No, ci sono diverse immagini sul mio sito web che riproducono il problema, ma non ho ancora approfondito molto su Meta e finora ho trovato solo questo caso.

No, in realtà Discourse è più intelligente di quanto pensassimo. Ad esempio:
Un utente del mio sito ha caricato un’immagine e, sotto l’editor Markdown, appare così:

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

Ho ottenuto il suo link completo tramite gli strumenti per sviluppatori del browser: https://example.com/uploads/default/original/1X/8826bc6c1be0e501979df4a004b9b2ae51c50320.jpeg. Quindi ho fatto riferimento all’immagine nell’editor usando il formato del link completo:

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

Dopo aver trascinato senza cliccare (attivando un caricamento) nell’editor di testo ricco, il contenuto nell’editor Markdown diventa:

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

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

Si può notare che, sebbene Discourse mostri che il trascinamento attivi un caricamento, l’immagine appare effettivamente come ![image|370x494](upload://jqrVvqCoYL0wuOvUZWTDwhYw8IU.jpeg), che corrisponde allo stesso allegato originariamente caricato dall’utente come https://example.com/uploads/default/original/1X/8826bc6c1be0e501979df4a004b9b2ae51c50320.jpeg.

  • Trascinare un’immagine referenziata nel formato ![image|370x494](upload://jqrVvqCoYL0wuOvUZWTDwhYw8IU.jpeg) produce lo stesso comportamento.

Da questo punto di vista, attivare nuovamente un caricamento non occupa effettivamente ulteriore spazio di archiviazione: solo il primo file caricato occupa realmente lo spazio sul server. Quindi si tratta solo di un problema di esperienza utente: gli utenti sono confusi sul “perché trascinare un’immagine (quando clicco e poi trascino senza rilasciare il mouse) non si sposta come previsto, ma invece mostra un caricamento in corso e duplica l’immagine?”

1 Mi Piace

Allora, per ora concluderei che (buone notizie!) sembra che l’immagine non venga effettivamente caricata più volte, ma che ne esista solo un’istanza caricata (?).

1 Mi Piace