如何解决在Dropzone JS中用作占位符的缩略图
我正在使用Dropzone上传多张图片。它一直都在完美运行。我有Dropzone预览容器来显示上传的图像。现在,我正在寻找更多自定义项,例如,如果我们可以在Dropzone中为每个图像添加缩略图作为占位符。
我在寻找什么?
例如,默认情况下,上传之前必须先预览缩略图。当用户上传任何图像时,此缩略图将在上传的图像之后移动,依此类推。
HTML
<div id="dropzonePrivate" class="dropzone"></div>
<div class="dropzone-previews dropzone"></div>
JavaScript
Dropzone.autoDiscover = false;
$("#dropzonePrivate").dropzone({
url: "#my url#",previewsContainer: ".dropzone-previews",autoProcessQueue: false,uploadMultiple: true,parallelUploads: 15,maxFiles: 15,acceptedFiles: 'image/*',init: function() {
dzClosure = this;
document.getElementById("submit-all-private").addEventListener("click",function(e) {
e.preventDefault();
e.stopPropagation();
dzClosure.processQueue();
}),this.on("sendingmultiple",function(data,xhr,formData) {
formData.append("_token","{{ csrf_token() }}");
formData.append("car_title",jQuery("#car_title").val());
formData.append("vehicle_type",jQuery("#vehicle_type").val());
}),this.on("success",function(file,responseText) {
Dropzone.forElement("#dropzonePrivate").removeAllFiles(true);
}),}
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。