无法在我的asp.net应用程序中使用jQuery使放置区域可单击

我正在开发一个asp.net web表单应用程序，在这个应用程序中，我必须使用一个拖放区，以便用户可以在上面上载文件

在我现有的代码中，drop区域运行良好。当我在drop zone上释放文件时，文件正在正确上载，但是，我希望使其可单击，以便当用户单击该区域中的任何位置时，必须打开文件上载对话框，以便选择要上载的文件

我在谷歌上搜索了不同的技术，但找不到适合我的代码。有什么方法可以帮助我轻松实现目标吗

我的下载区HTML在这里

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

---

我的代码中缺少可单击功能。通过包括可点击：正确，如上

init：函数（）{

---

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

@Reza Aghaei…@Harald Coppools使用您的代码，应该已经可以单击了。

          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();
                  });
              }    
          });