41 lines
1.2 KiB
JavaScript
41 lines
1.2 KiB
JavaScript
import Dropzone from "dropzone";
|
|
|
|
Dropzone.autoDiscover = false;
|
|
const dropzone = new Dropzone("#dropzone", {
|
|
dictDefaultMessage: "Upload your image here",
|
|
dictRemoveFile: "Remove",
|
|
acceptedFiles: ".png,.jpg,.jpeg,.gif",
|
|
addRemoveLinks: true,
|
|
maxFiles: 1,
|
|
uploadMultiple: false,
|
|
|
|
init: function () {
|
|
if (document.querySelector('[name="image"]').value.trim()) {
|
|
const publishedImage = {};
|
|
publishedImage.size = 1234;
|
|
publishedImage.name =
|
|
document.querySelector('[name="image"]').value;
|
|
|
|
this.options.addedfile.call(this, publishedImage);
|
|
this.options.thumbnail.call(
|
|
this,
|
|
publishedImage,
|
|
`/uploads/${publishedImage.name}`
|
|
);
|
|
|
|
publishedImage.previewElement.classList.add(
|
|
"dz-success",
|
|
"dz-complete"
|
|
);
|
|
}
|
|
},
|
|
});
|
|
|
|
dropzone.on("success", function (file, response) {
|
|
document.querySelector('[name="image"]').value = response.image;
|
|
});
|
|
|
|
dropzone.on("removedfile", function (file) {
|
|
document.querySelector('[name="image"]').value = "";
|
|
});
|