Wie ändert man den Thumbnail src Wert in Dropzone.js? - javascript, jquery, dropzone.js

Ich verwende Dropzone.js mit jQuery, um Dateien auf den Server hochzuladen. Nach einer hochgeladenen Datei generiere ich einen "serverseitigen" Dateinamen mit der aktuellen URL.

$(".dropzone").dropzone({
init: function() {
this.on("success", function(file) {
var newname = generateServersideFilename(file.name); // this is my function
// here I need a help to find the thumbnail <img> to set the "src" attribute
}
}
});

Wie finde ich das aktuelle Thumbnail? img einstellen src Attribut?

Antworten:

Das hat für mich funktioniert:

$(".dropzone").dropzone({
init: function() {
this.on("success", function(file) {
var newname = generateServersideFilename(file.name); // this is my function
// changing src of preview element
file.previewElement.querySelector("img").src = newname;
}
}
});

dropzonejs habe einige Beispiele für die Verwendung von file.previewElement

Das kann einfach sein

this.on("success", function(file) {
var mydropzone = this;
mydropzone.emit("thumbnail", file, "images/x.jpg");
});

Hier ist das Verknüpfung von dropzone

this.on("addedfile", function (file) {

file.previewElement.querySelector("img").src = "music-box-outline.svg";

});