Télécharger le fichier Azure Blob Storage directement à partir du navigateur?

Faire prendre un coup d'oeil à ces articles de blog pour télécharger des fichiers directement à partir du navigateur pour le stockage blob:

http://coderead.wordpress.com/2012/11/21/uploading-files-directly-to-blob-storage-from-the-browser/

http://gauravmantri.com/2013/02/16/uploading-large-files-in-windows-azure-blob-storage-using-shared-access-signature-html-and-javascript

La 2e poteau (écrit par moi) rend l'utilisation de HTML 5 de Fichier API, et, donc, de ne pas fonctionner dans tous les navigateurs.

L'idée de base est de créer un Shared Access Signature (SAS) pour un conteneur d'objets blob. Le SAS doit avoir Write autorisation. Depuis Windows Azure Blob Storage ne prend pas en charge De la SCRO encore (ce qui est pris en charge par Amazon S3 et Google), vous devez héberger la page HTML dans le stockage blob où vous voulez que vos utilisateurs à télécharger le fichier. Ensuite, vous pouvez utiliser du jQuery Ajax fonctionnalité.

Il y a un Nouvelle Azure Storage JavaScript bibliothèque cliente pour les navigateurs (Extrait).

(Tout de ce post vient de l'original de l'article ci-dessus)

• Le JavaScript de la Bibliothèque du Client pour le Stockage Azure permet web de nombreux scénarios de développement à l'aide des services de stockage comme la Goutte, de Table, de la File d'attente, et Fichier, et est compatible avec les navigateurs modernes
• Le nouveau Client JavaScript Bibliothèque pour les Navigateurs prend en charge toutes les fonctionnalités de stockage disponible dans le dernier RESTE la version de l'API 2016-05-31 car il est construit avec Browserify à l'aide de l'Azure Storage Bibliothèque Client Node.js

Nous recommandons fortement l'utilisation de SAS jetons pour s'authentifier avec le Stockage Azure depuis le Client de JavaScript Bibliothèque expose le jeton d'authentification de l'utilisateur dans le navigateur. Un SAS jeton de portée limitée et que le temps est fortement recommandé. Dans l'idéal, application web, il est prévu que l'application backend va authentifier les utilisateurs lorsqu'ils se connectent, et fournira alors un SAS jeton au client pour autoriser l'accès au compte de Stockage. Cela supprime le besoin de s'authentifier à l'aide d'une clé de compte. Découvrez la Azure exemple de Fonction de dans notre dépôt Github qui génère un SAS jeton sur une requête HTTP POST.

Exemple de Code:

1. Insérer le script suivant les balises dans votre code HTML. Assurez-vous que les fichiers JavaScript situé dans le même dossier.

   <script src="azure-storage.common.js"></script/>
   <script src="azure-storage.blob.js"></script/>
   

2. Nous allons maintenant ajouter quelques éléments à la page pour lancer le transfert. Ajouter les balises suivantes à l'intérieur de la balise BODY. Notez que le bouton appels uploadBlobFromText méthode lorsque l'utilisateur clique dessus. Nous allons définir cette méthode dans l'étape suivante.

   <input type="text" id="text" name="text" value="Hello World!" />
   <button id="upload-button" onclick="uploadBlobFromText()">Upload</button>
   

3. Jusqu'à présent, nous avons inclus la bibliothèque client et ajouté le code HTML pour afficher à l'utilisateur une saisie de texte et un bouton pour lancer le transfert. Lorsque l'utilisateur clique sur le bouton de téléchargement, uploadBlobFromText sera appelée. Définissons maintenant:

   <script>
   function uploadBlobFromText() {
       //your account and SAS information
       var sasKey ="....";
       var blobUri = "http://<accountname>.blob.core.windows.net";
       var blobService = AzureStorage.createBlobServiceWithSas(blobUri, sasKey).withFilter(new AzureStorage.ExponentialRetryPolicyFilter());
       var text = document.getElementById('text');
       var btn = document.getElementById("upload-button");
       blobService.createBlockBlobFromText('mycontainer', 'myblob', text.value,  function(error, result, response){
           if (error) {
               alert('Upload filed, open browser console for more detailed info.');
               console.log(error);
           } else {
               alert('Upload successfully!');
           }
       });
   }
   </script>
   

Vous pouvez utiliser le Fichier API HTML5, AJAX et MVC 3 pour construire un solide contrôle téléchargement de fichier à télécharger de gros fichiers en toute sécurité et de manière fiable pour le stockage Windows Azure, avec une disposition de la surveillance de la progression de l'opération et l'opération d'annulation. La solution fonctionne comme ci-dessous:

1. JavaScript côté Client qui les accepte et traite un fichier téléchargé par l'utilisateur.
2. Code côté serveur qui traite les fichiers de morceaux envoyés par JavaScript.
3. Côté Client de l'INTERFACE utilisateur qui appelle JavaScript.

Obtenir l'exemple de code ici: Fiable Téléchargements pour le Stockage Windows Azure, par le biais d'un Contrôle HTML5