使用 dropzone.js 将文件直接上传到 Azure Blob 存储（使用 SAS）

Question

我想使用 dropzone.js 将文件直接上传到 Azure Blob 存储，并使用 SAS（此处的示例）将文件保密。

据我了解，工作流程是：

1. 用户选择一个文件
2. dropzone processing事件触发。在事件处理程序中，我调用站点 API 上的一个方法，该方法创建要上传到的 Azure Blob URI，包括 SAS 查询字符串
3. dropzone 上传 URL 设置为“安全”blob URL
4. 上传开始

我发现以下 wiki 文章展示了如何动态设置 dropzone URL ( https://github.com/enyo/dropzone/wiki/Set-URL-dynamically )

Dropzone.options.myDropzone = {
  init: function() {
    this.on("processing", function(file) {
      // I need to do an async call here, to get the URL...
      this.options.url = "/some-other-url";
    });
  }
};

问题是上面的例子是同步的。如何延迟上传，直到从我的 web api异步请求 URL ？

谢谢

Answer 1

您可以尝试使用 jQuery 进行同步 ajax 调用。

function GetUrl() {
    var url = "";
    $.ajax({
        async: false,
        success: function(data) {
            url = data;
        }
        // Other opts   
    });
    return url;
}

Dropzone.options.myDropzone = {
  init: function() {
    this.on("processing", function(file) {
      this.options.url = GetUrl();
    });
  }
};