Javascript 使用Vue.js项目将图像上载到MS Azure

我目前正在使用VueJs框架，我需要将我的项目连接到Azure。但我不知道怎么做？我在（firebase）之前使用过，它是否与我们在项目中添加存储配置的技术相同

目前，我在Azure中创建了一个新的blob和容器，并获得了一个saskey和主/辅路径。。但我不确定下一步是什么

同样在我的VueJs项目中，我添加了以下代码：

    var sasKey = '....'; //The code from the Azure
    var blobUri = '...'; //The path
    var blobService = AzureStorage.createBlobServiceWithSas(blobUri, sasKey).withFilter(new AzureStorage.ExponentialRetryPolicyFilter());

      blobService.createBlockBlobFromText('ContainerName', 'BlobName', data,  function(error, result, response){
      if (error) {
          console.log('Upload filed, open browser console for more detailed info.');
          console.log(error);
      } else {
         console.log('Upload successfully!');
      }
    });

为了澄清我的问题，我是Vue.js和Azure的初学者。我需要知道正确的步骤是什么，以帮助我成功地将图像上载到Azure存储

此外，是否可以添加安全标头？就像我们在Axios做的那样？例如，要检查内容长度、内容类型。。。等等

当我运行程序时，它总是打印：

Upload filed, open browser console for more detailed info. 
Error: XHR error
    at XMLHttpRequest.xhr.onerror

---

首先，我们需要允许Azure存储的CORS，我们可以在Azure门户中进行设置：

下面是如何使用javascript将文件上载到blob的演示：

var blobUri = 'https://' + 'STORAGE_ACCOUNT' + '.blob.core.windows.net';
var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, 'SAS_TOKEN');
// If one file has been selected in the HTML file input element
var file = document.getElementById('fileinput').files[0];

var customBlockSize = file.size > 1024 * 1024 * 32 ? 1024 * 1024 * 4 : 1024 * 512;
blobService.singleBlobPutThresholdInBytes = customBlockSize;

var finishedOrError = false;
var speedSummary = blobService.createBlockBlobFromBrowserFile('mycontainer', 
file.name, file, {blockSize : customBlockSize}, function(error, result, response) {
    finishedOrError = true;
    if (error) {
        // Upload blob failed
    } else {
        // Upload successfully
    }
});
refreshProgress();

更多信息供您参考：

---

当我运行代码时，我收到了以下错误消息：

未捕获类型错误：无法读取未定义的属性“CreateBlobserviceWithAs”

@ZahooriNazo我没有遇到此错误。您是否使用了正确的SDK？我下载于：它的目的是什么？通过npm安装库是否相同？@ZahooriNazo可能不同。至少，我已经测试过了，它运行正常。嗯，我找到了bundle文件夹，我如何将这些.js文件附加到我的代码中。。我正在使用VueJs。。只有我应该将它们添加到任何文件中，比如从路径导入它们？