Загрузите файл изображения в хранилище azure blob из js

Question

Я пытаюсь загрузить файл изображения с html-страницы в хранилище azure blob. До сих пор я написал веб-сервис для создания SAS для моего контейнера blob. Из этого я создал uri формата «blob address»/«имя контейнера»/«blob name»? "SAS". У меня есть элемент управления загрузкой на моей странице html.

Я тогда пытался загрузить файл, используя следующий код:

var xhr = new XMLHttpRequest(); 
xhr.upload.addEventListener("progress", uploadProgress, false); 
xhr.addEventListener("load", uploadComplete, false); 
xhr.addEventListener("error", uploadFailed, false); 
xhr.addEventListener("abort", uploadCanceled, false); 
xhr.open("PUT", blobPath); 
xhr.send(upFile.files[0]); 

где blobPath является УИР, как описано выше, и upFile мой контроль HTML загрузки.

Когда я пытаюсь загрузить файл, запускается процедура uploadFailed. Итак: Правильно ли это? Как улавливать ошибку, возвращаемую загрузкой, чтобы я мог видеть, что происходит не так?

Мои SAS выглядит следующим образом: "стер = с & си = MYPOLICY & сиг = onZTE4buyh3JEQT3% 2B4cJ6uwnWX7LUh7fYQH2wKsRuCg% 3D"

Любая помощь приветствуется, спасибо.

Answer 1

я теперь нашел решение, которое работает для этой задачи.Моя загрузка теперь работает следующим образом:

• Я прочитал файл как DataURL в FileReader

• Я нарежьте возвращенную строку и отправить каждый ломтик на сервер , где она хранится в сессии переменной

• После того, как весь файл был отправлен на я вызываю другой веб-сервис, который приклеивает кусочки вместе и получается результат в массив байт

• Массив байтов затем сохраняется в виде файла в локальном запоминающем устройстве в лазури

• Наконец файл передается из локального хранилища в хранилище двоичных объектов

См код по адресу:

Upload files from html to azure

Answer 2

Это, безусловно, правильный путь, однако вы несколько вещей:

1. Вы должны включить заголовок x-ms-blob-type запроса в запросе, и это значение должно быть BlockBlob.
2. Также имейте в виду, что для этого вам необходимо разместить свою HTML-страницу в той же учетной записи, так как на сегодняшний день в Azure Blob Storage не поддерживается CORS. Поэтому, если ваша html-страница размещена в каком-либо другом домене, вы получите ошибку из-за CORS.

Вы можете найти эти сообщения в блоге полезные для загрузки сгустков с помощью SAS и AJAX:

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/