在dropzone中添加缩略图块内包含图像URL的隐藏输入

<div id="myDropzone" class="dropzone"></div>

Dropzone.options.myDropzone = {
  url: "/upload", // 上传URL
  maxFilesize: 5, // 最大文件大小，单位为MB
  acceptedFiles: "image/*", // 允许的文件类型，这里设置为只接受图像文件
  init: function() {
    this.on("addedfile", function(file) {
      // 当文件被添加到dropzone时触发的事件
      var thumbnail = document.createElement("div");
      thumbnail.classList.add("dz-thumbnail");
      thumbnail.innerHTML = '<img src="' + URL.createObjectURL(file) + '" alt="' + file.name + '">';
      
      // 创建隐藏输入元素，用于保存图像URL
      var hiddenInput = document.createElement("input");
      hiddenInput.type = "hidden";
      hiddenInput.name = "imageURL";
      hiddenInput.value = URL.createObjectURL(file);
      
      // 将缩略图和隐藏输入添加到dropzone中的缩略图块内
      file.previewElement.appendChild(thumbnail);
      file.previewElement.appendChild(hiddenInput);
    });
  }
};