title: Input form provides File - how to I upload it to Azure Blob storage using Vue?
body: <p>I'm clearly missing something here so forgive me - all examples seem to involve express and I don't have express in my setup. I am using Vue.js.</p>
  
  <p>Ultimately, want my client-side Vue app to be able to upload any file to azure blob storage.</p>
  
  <p>I have the file(File api) from my Vue form. However, it does not provide a path (I believe this is for security reasons). The Azure docs have this snippet example:</p>
  
  <pre><code>const uploadLocalFile = async (containerName, filePath) =&gt; {
      return new Promise((resolve, reject) =&gt; {
          const fullPath = path.resolve(filePath);
          const blobName = path.basename(filePath);
          blobService.createBlockBlobFromLocalFile(containerName, blobName, fullPath, err =&gt; {
              if (err) {
                  reject(err);
              } else {
                  resolve({ message: `Local file "${filePath}" is uploaded` });
              }
          });
      });
  };
  </code></pre>
  
  <p>Is this not the api I should be using? What should I be doing to upload any type of blob to blob storage?</p>
  
  <ul>
  <li>UPDATE</li>
  </ul>
  
  <p>Following @Adam Smith-MSFT comments below I have tried the vue-azure-storage-upload but can't seem to get the files up to azure.</p>
  
  <pre><code>startUpload () {
              if (!this.files || !this.baseUrl) {
                  window.alert('Provide proper data first!')
              } else {
                  this.files.forEach((file:File) =&gt; {
                      this.$azureUpload({
                          baseUrl: this.baseUrl + file.name,
                          sasToken: this.sasToken,
                          file: file,
                          progress: this.onProgress,
                          complete: this.onComplete,
                          error: this.onError
                          // blockSize
                      })
                  })  
              }   
          },
  </code></pre>
  
  <p>According to the console the response.data is undefined and when the onError method fires, that too gives me an undefined event.</p>