Загрузка изображения в хранилище BLOB-объектов Azure с помощью React

Question

Я хочу загрузить изображение в хранилище BLOB-объектов Azure с помощью React.

Я пробовал много примеров, и ни один из них не работает.

Тот, который казался лучшим, был этот , но так и не смог заставить его работать на React.

Я сейчас пытаюсь использоватьметод createContainerIfNotExists просто для проверки, и ошибка Cannot read property createBlobServiceWithSas of undefined

Мой код следующий:

import AzureStorage from 'azure-storage';

const account = {
  name: 'x',
  sas: 'x',
};

const blobUri = `https://${account.name}.blob.core.windows.net`;
const blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, account.sas);

export const createContainer = () => {
  blobService.createContainerIfNotExists('test', (error, container) => {
    if (error) {
      // Handle create container error
    } else {
      console.log(container.name);
    }
  });
};

export default createContainer;

Answer 1

Согласно моим исследованиям, поскольку вы разрабатываете приложение React, мы не можем использовать метод createBlockBlobFromBrowserFile. Мы просто можем использовать метод в браузере. Для более подробной информации, пожалуйста, обратитесь к документу .

В зависимости от ситуации, я предлагаю вам использовать другой метод (например, uploadStreamToBlockBlob) для загрузки изображения с V10 SDK. Для более подробной информации, пожалуйста, обратитесь к https://docs.microsoft.com/en-us/javascript/api/@azure/storage-blob/?view=azure-node-latest