如何在 JavaScript 中将 Blob 转换为文件

Question

我需要将图像上传到 NodeJS 服务器到某个目录。为此，我正在使用 connect-busboy 节点模块。

我使用以下代码将图像的 dataURL 转换为 blob：

 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 转换为文件以上传图像的方法。

有人可以帮我吗？

原文由 skip 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

此函数将 Blob 转换为 File ，它对我来说非常有用。

香草 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");

原文由 FiniteLooper 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以使用文件构造函数：

 var file = new File([myBlob], "name");

根据 w3 规范，这会将 blob 包含的字节附加到新文件对象的字节中，并创建具有指定名称的文件 http://www.w3.org/TR/FileAPI/#dfn-file

原文由 Joshua P Nixon 发布，翻译遵循 CC BY-SA 3.0 许可协议