azure - 使用 dio 时上传到 Azure 的文件已损坏

Question

我正在尝试使用 SAS 将文件作为 BlockBlob 从手机上传到 azure blob 存储。我可以上传文件，但下载后无法打开。该文件以某种方式损坏。我认为这是一个内容类型问题，但我尝试了几种不同的方法来更改内容类型。到目前为止还没有任何效果。

我的代码:

FileInfo _fileInfo = await filePicker(); // get the file path and file name
// my getUploadInfo fires a call to my backend to get a SAS.
// I know for a fact that this works because my website uses this SAS to upload files perfectly fine
UploadInfo uploadInfo = await getUploadInfo(_fileInfo.fileName, _fileInfo.filePath); 

final bytes = File(_fileInfo.filePath).readAsBytesSync();

try {
  final response = await myDio.put(
    uploadInfo.url,
    data: bytes, 
    onSendProgress:
      (int sent, int total) {
        if (total != -1) {
          print((sent / total * 100).toStringAsFixed(0) + "%");
        }
      },
    options:
      dioPrefix.Options(headers: {
        'x-ms-blob-type': 'BlockBlob',
        'Content-Type': mime(_fileInfo.filePath),
      })
  );
} catch (e) {
  print(e);
}

这段代码可以很好地上传文件。但我无法打开该文件，因为它已损坏。起初，我认为这是一个 Content-Type 问题，所以我尝试将内容类型 header 更改为: application/octet-stream 和 multipart/form-data以及。那是行不通的。

我也尝试过

dioPrefix.FormData formData =
  new dioPrefix.FormData.fromMap({
    'file': await MultipartFile.fromFile(
      _fileInfo.filePath,
      filename: _fileInfo.fileName,
    )
});
...
final response = await myDio.put(
    uploadInfo.url,
    data: formData, // This approach is recommended on the dio documentation
    onSendProgress:
...

但这也会损坏文件。它已上传，但我无法打开它。

我已经能够使用此代码成功上传文件，但是通过这种方法我无法获得任何类型的响应，因此我不知道它是否上传成功(此外，我可以无法获取上传进度):

try {
  final data = imageFile.readAsBytesSync();
  final response = await http.put( // here, response is empty no matter what i try to print
    url, 
    body: data, 
    headers: {
      'x-ms-blob-type': 'BlockBlob',
      'Content-Type': mime(filePath),
  });
...

任何帮助将不胜感激。谢谢

Answer 1

我尝试使用 dio 上传文件在Dart to Azure Blob Storage中，然后下载并打印文件内容，如下代码。

import 'package:dio/dio.dart';
import 'dart:io';

main() async {
  var accountName = '<account name>';
  var containerName = '<container name>';
  var blobName = '<blob name>';
  var sasTokenContainerLevel = '<container level sas token copied from Azure Storage Explorer, such as `st=2019-12-31T07%3A17%3A31Z&se=2020-01-01T07%3A17%3A31Z&sp=racwdl&sv=2018-03-28&sr=c&sig=xxxxxxxxxxxxxxxxxxxxxxxxxx`';
  var url = 'https://$accountName.blob.core.windows.net/$containerName/$blobName?$sasTokenContainerLevel';
  var data = File(blobName).readAsBytesSync();
  var dio = Dio();
  try {
    final response = await dio.put(
      url,
      data: data, 
      onSendProgress:
      (int sent, int total) {
        if (total != -1) {
          print((sent / total * 100).toStringAsFixed(0) + "%");
        }
      },
      options: Options(
        headers: {
          'x-ms-blob-type': 'BlockBlob',
          'Content-Type': 'text/plain',
      })
    );
    print(response.data);
  } catch (e) {
    print(e);
  }
  Response response = await dio.get(url);
  print(response.data);
}

然后我运行了一下，得到的结果如下图。

作为 blob 的上传文件的内容是从函数 readAsBytesSync 中的 Uint8List 字节编码的 json 字符串。

我研究了dio的描述和源代码，实际上我发现dio只适合发送json格式的请求体，不适合发送原始内容作为请求 body 。

图1.默认的变压器应用于POST方法

图2。https://github.com/flutterchina/dio/blob/master/dio/lib/src/transformer.dart

因此要解决这个问题，需要编写一个自定义转换器类 PutTransformerForRawData 而不是默认的转换器类来覆盖函数 transformRequest，如下代码。

import 'dart:typed_data';

class PutTransformerForRawData extends DefaultTransformer {
  @override
  Future<String> transformRequest(RequestOptions options) async {
    if(options.data is Uint8List) {
      return new String.fromCharCodes(options.data);
    } else if(options.data is String) {
      return options.data;
    }
  }
}

并通过下面的代码替换默认转换器。

var dio = Dio();
dio.transformer = PutTransformerForRawData();

然后，您可以通过下面的代码获取数据。

var data = File(blobName).readAsBytesSync();

或者

var data = File(blobName).readAsStringSync();

注意:自定义传输PutTransformerForRawData仅用于上传，请删除下载和打印代码Response response = wait dio.get(url); print(response.data);，默认的转换器似乎检查响应正文是否为json格式，当我上传的文件是我的示例代码时，我得到了如下异常。

Unhandled exception:
DioError [DioErrorType.DEFAULT]: FormatException: Unexpected character (at character 1)
import 'dart:typed_data';