无法在我的 asp.net 应用程序中使用 jQuery 使拖放区可点击

Question

我正在开发一个 asp.net 网络表单应用程序，我必须在其中使用拖放区，以便用户可以在其上上传文件。

在我现有的代码中，放置区运行良好。当我在放置区域上释放文件时，文件正在正确上传，但是，我想让它可点击，以便当用户单击该区域中的任何位置时，文件上传对话框必须打开，以便可以选择文件进行上传。

我在 google 上搜索了不同的技术，但找不到适合我的情况的正确代码。有什么方法可以帮助我轻松实现目标？

我的拖放区 HTML 在这里。

<div id="dZUpload" class="dropzone">
  <div class="dz-default dz-message"></div>
</div>

我希望通过 document.ready 中的以下 jQuery 代码来实现这一目标。

          var userEmail = $("#hdnFolderPath").val();
          var uploadButton = document.querySelector("#upload");

          Dropzone.autoDiscover = false;

          $("#dZUpload").dropzone({
              url: "/ReceiptStorage/Handlers/FileHandler.ashx",
              params: {
                  DestinationPath: userEmail
              },
              autoProcessQueue: false,
              addRemoveLinks: true,

              init: function () {
                  var uploadButton = document.querySelector("#upload");
                  var dZUpload = this; //closure

                  dZUpload.on("complete", function (file, response) {
                      if (file.status === 'success') {
                          dZUpload.removeFile(file);
                          LoadFiles($("#hdnFolderPath").val());
                      }
                  });
                  dZUpload.on('error', function (file, response) { 
                  });
                  uploadButton.addEventListener("click", function () {
                      if (dZUpload.files.length > 0)
                          dZUpload.processQueue();
                  });
              }    
          });

Answer 1

我的代码中缺少可点击功能。通过包括 clickable: true, above

初始化：函数（）{

单击拖放区中的任意位置后，我可以看到打开的文件上传对话框。