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

init：函数（）{

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

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

1 个答案: