Blob'u JavaScript'te Dosyaya Dönüştürme

NodeJS sunucusuna bir dizine bir görüntü yüklemem gerekiyor. Bunun için connect-busboydüğüm modülü kullanıyorum .

Ben dataURLaşağıdaki kodu kullanarak blob dönüştürülür o görüntünün:

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

Görüntüyü yüklemek için blobu dosyaya dönüştürmenin bir yoluna ihtiyacım var.

Biri bana yardım edebilir mi?

Bu fonksiyon, bir dönüştüren Blobbir içine Fileve bu benim için iyi çalışıyor.

Vanilya 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 (uygun yazımlarla)

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

Kullanım

var myBlob = new Blob();

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

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

Dosya yapıcısını kullanabilirsiniz:

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

W3 spesifikasyonuna göre bu, blobun içerdiği baytları yeni Dosya nesnesinin baytlarına ekleyecek ve dosyayı belirtilen adla http://www.w3.org/TR/FileAPI/#dfn-file oluşturacaktır.

Joshua P Nixon'ın cevabı doğru ancak son değiştirilme tarihini de belirlemem gerekiyordu. işte kod.

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

1534584790000 "için bir unix zaman olduğu : Cumartesi, 18 Ağustos 2018 09:33:10 AM GMT "

Beni çalışması için ben zorunda açıkça tipini sağlamak o bunu yaparak blob içerdiği halde:

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

Benim Modern varyant:

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

Kullanım saveAsüzerindeki FileSaver.js github proje.

FileSaver.jssaveAs()FileSaver arabirimini yerel olarak desteklemeyen tarayıcılarda uygular .

Tipler

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

Çıktı

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