在javascript中將Blob轉換為文件列表

Question

我使用以下代碼將畫布圖像轉換為blob。
為了將blob轉換為文件/文件列表對象，我需要將該文件列表傳遞給文件處理程序。

mycode的：

var canvas1 = document.getElementById("preview");
var theImage = document.getElementById("blahProfile");
theImage.src = canvas1.toDataURL();
var blob = dataURItoBlob(theImage.src);

有沒有辦法將該blob轉換為文件對象？

Answer 1

File對象包含的信息多於Blob對象，其中包含lastModifiedDate和fileName等屬性。 您的圖像數據具有這些屬性中的任何一個都沒有意義，因為它不是文件。

我假設你FileList處理程序用戶使用FileReader來讀取File對象。 但是， FileReader方法也可以處理Blob對象（因為File是Blob的子類）。 因此，您可以：

• 將您的FileReader代碼提取到一個單獨的函數中，該函數接受Blob或File （可能還有解析回調函數）和處理每個FileList項時的函數以及處理Blob圖像數據時的函數

• 如果你的FileList處理程序只通過索引訪問列表項（例如， myFileList[i] ），那么你可以簡單地使用一個Blob數組偽造一個FileList 。 例如，此函數適用於真實的FileList或Blob的數組：

   function processFileList(list) { var reader = new FileReader(); reader.readAsText(list[0]); reader.addEventListener("loadend", function() { console.log(reader.result); }); }