Làm thế nào để chuyển đổi Blob thành Tệp trong JavaScript

Tôi cần tải một hình ảnh lên máy chủ NodeJS vào một số thư mục. Tôi đang sử dụng connect-busboymô-đun nút cho điều đó.

Tôi đã có dataURLhình ảnh mà tôi đã chuyển đổi thành blob bằng cách sử dụng mã sau:

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});
}

Tôi cần một cách để chuyển đổi blob thành một tệp để tải lên hình ảnh.

Ai đó có thể giúp tôi với nó?

Hàm này chuyển đổi a Blobthành a Filevà nó hoạt động rất tốt đối với tôi.

Vanilla 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 (với cách đánh máy thích hợp)

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;
}

Sử dụng

var myBlob = new Blob();

//do stuff here to give the blob some data...

var myFile = blobToFile(myBlob, "my-image.png");

Bạn có thể sử dụng phương thức khởi tạo Tệp:

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

Theo đặc tả w3, điều này sẽ nối các byte mà blob chứa vào các byte cho đối tượng Tệp mới và tạo tệp với tên được chỉ định http://www.w3.org/TR/FileAPI/#dfn-file

Câu trả lời của Joshua P Nixon là đúng nhưng tôi cũng phải đặt ngày sửa đổi lần cuối. vì vậy đây là mã.

var file = new File([blob], "file_name", {lastModified: 1534584790000});

1534584790000 là một dấu thời gian unix cho " GMT: Thứ Bảy, ngày 18 tháng 8 năm 2018 9:33:10 AM "

Để làm việc, tôi phải cung cấp rõ ràng loại mặc dù nó được chứa trong blob bằng cách làm như vậy:

const file = new File([blob], 'untitled', { type: blob.type })

Biến thể hiện đại của tôi :

function blob2file(blobData) {
  const fd = new FormData();
  fd.set('a', blobData);
  return fd.get('a');
}

Sử dụng saveAstrên dự án github FileSaver.js .

FileSaver.jstriển khai saveAs()giao diện FileSaver trong các trình duyệt không hỗ trợ nó.

Chữ viết

public blobToFile = (theBlob: Blob, fileName:string): File => {       
    return new File([theBlob], fileName, { lastModified: new Date().getTime(), type: theBlob.type })
}

Javascript

function blobToFile(theBlob, fileName){       
    return new File([theBlob], fileName, { lastModified: new Date().getTime(), type: theBlob.type })
}

Đầu ra

File {name: "fileName", lastModified: 1597081051454, lastModifiedDate: Mon Aug 10 2020 19:37:31 GMT+0200 (Eastern European Standard Time), webkitRelativePath: "", size: 601887, …}
lastModified: 1597081051454
lastModifiedDate: Mon Aug 10 2020 19:37:31 GMT+0200 (Eastern European Standard Time) {}
name: "fileName"
size: 601887
type: "image/png"
webkitRelativePath: ""
__proto__: File