獲得從BLOB

Question

有效二進制我需要從文件輸入獲得正確的二進制字符串（更多操作）。我通過FileReader獲取代碼，但代碼錯誤。在接下來的代碼，我得到的二進制字符串，並試圖從它建立的blob：

function sendBlobToBrowser(blob) 
{ 
    var url = window.URL.createObjectURL(blob); 
    var a = document.createElement("a"); 
    document.body.appendChild(a); 
    a.style = "display: none"; 
    a.href = url; 
    a.download = 'audio.ogg'; 
    a.click(); 
    setTimeout(function() { 
     window.URL.revokeObjectURL(url); 
    }, 100) 
} 

function buildBlobFromString(binaryString) 
{ 
    return new Blob([ binaryString ], { type : 'audio/ogg' }); 
} 

$('#fileInput').change(function() 
{ 
    var file = this.files[ 0 ] 

    var reader = new window.FileReader(); 
    reader.onloadend = function() { 
     var binary = this.result; 

     console.log('Converted string src: ' + binary) 

     // trying to build blob 
     var builtBlob = buildBlobFromString(binary); 
     sendBlobToBrowser(builtBlob) 
    } 
    reader.readAsBinaryString(file); 
}) 

Here就是例子。 對於我正在使用this ogg file的測試，但它不是關於音頻Web API，它只是一些示例文件。

我已經厭倦了與它打:(真的THX。

Answer 1

1. readAsBinaryString已被棄用不使用它
2. 你readAsBinaryString得到的字符串不是「二進制」它只是文字的二進制部分在字符串是如何創建的（每個字節讀入一個字符）。如果你想要得到的結果是二進制使用readAsArrrayBuffer。
3. 您可以使用一個文件創建一個URL對象（文件的instanceof BLOB ===真）

function sendBlobToBrowser(blob) 
{ 
    var url = window.URL.createObjectURL(blob); 
    var a = document.createElement("a"); 
    document.body.appendChild(a); 
    a.style = "display: none"; 
    a.href = url; 
    a.download = 'audio.ogg'; 
    a.click(); 
    setTimeout(function() { 
     window.URL.revokeObjectURL(url); 
    }, 100); 
} 

$('#fileInput').change(function() 
{ 
    var file = this.files[ 0 ]; 
    sendBlobToBrowser(file);  
});