如何在 JavaScript 中将 Blob 转换为文件 [英] How to convert Blob to File in JavaScript
本文介绍了如何在 JavaScript 中将 Blob 转换为文件的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我需要将图像上传到 NodeJS 服务器到某个目录.我正在使用 connect-busboy
节点模块.
I need to upload an image to NodeJS server to some directory. I am using connect-busboy
node module for that.
我使用以下代码将图像的 dataURL
转换为 blob:
I had the dataURL
of the image that I converted to blob using the following code:
dataURLToBlob: function(dataURL) {
var BASE64_MARKER = ';base64,';
if (dataURL.indexOf(BASE64_MARKER) == -1) {
var parts = dataURL.split(',');
var contentType = parts[0].split(':')[1];
var raw = decodeURIComponent(parts[1]);
return new Blob([raw], {type: contentType});
}
var parts = dataURL.split(BASE64_MARKER);
var contentType = parts[0].split(':')[1];
var raw = window.atob(parts[1]);
var rawLength = raw.length;
var uInt8Array = new Uint8Array(rawLength);
for (var i = 0; i < rawLength; ++i) {
uInt8Array[i] = raw.charCodeAt(i);
}
return new Blob([uInt8Array], {type: contentType});
}
我需要一种方法将 blob 转换为文件以上传图像.
I need a way to convert the blob to a file to upload the image.
有人可以帮我吗?
推荐答案
此函数将 Blob
转换为 File
,对我来说效果很好.
This function converts a Blob
into a File
and it works great for me.
原生 JavaScript
function blobToFile(theBlob, fileName){
//A Blob() is almost a File() - it's just missing the two properties below which we will add
theBlob.lastModifiedDate = new Date();
theBlob.name = fileName;
return theBlob;
}
TypeScript(正确打字)
public blobToFile = (theBlob: Blob, fileName:string): File => {
var b: any = theBlob;
//A Blob() is almost a File() - it's just missing the two properties below which we will add
b.lastModifiedDate = new Date();
b.name = fileName;
//Cast to a File() type
return <File>theBlob;
}
使用
var myBlob = new Blob();
//do stuff here to give the blob some data...
var myFile = blobToFile(myBlob, "my-image.png");
这篇关于如何在 JavaScript 中将 Blob 转换为文件的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文