我需要将 Dart 函数转换为 Vue js axios.post()

Question

这是我将选定图像上传到节点服务器的 dart 函数，我需要使用 Vue js 来执行此操作。

 var stream = new http.ByteStream(DelegatingStream.typed(file.openRead()));
    var length = await file.length();
    var uri = Uri.parse(_url);
    var request = new http.MultipartRequest("POST", uri);
    var multipartFile = new http.MultipartFile('img', stream, length,
        filename: Path.basename(file.path));
    request.files.add(multipartFile);
    var response = await request.send();

Answer 1

<input id="file-upload" type="file" />

在 Vue Methods 中，您创建一个发送请求的异步函数。

let file = document.querySelector("#file-upload").files[0];
const formData = new FormData();
formData.append("binFile", file);

try{
 let res = await axios.post('<enpoint upload url>', formData, {
   headers: { "Content-Type": "multipart/form-data" }
 });
}
catch(e){
//in case await fails(4xx,5xx error)
}