無法在我的asp.net應用程序中使用jQuery單擊拖放區

Question

我正在開發一個asp.net Web表單應用程序，在該應用程序中必須使用放置區，以便用戶可以在其上上傳文件。

在我現有的代碼上，放置區工作正常。 當我在放置區域上釋放文件時，文件正在適當地上傳，但是，我想使其可單擊，以便當用戶單擊該區域中的任何位置時，必須打開文件上傳對話框，以便可以選擇文件進行上傳。

我在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，在上方

初始化：函數（）{

單擊放置區域中的任意位置后，我可以看到打開了文件上傳對話框。