ローカルイメージのURLからBlobを取得するには？

Question

私はローカルイメージのURLを持っていて、そこからブロブを取得したいと思います。

私が見つけた唯一の方法は、ローカルURLでHTTPリクエスト 'get'を行い、返されたBLOBを読み込むことでしたが、これは奇妙な方法です。

HTTPを使用してコードスニペット：

function readBody(xhr) { 
    var data; 
    if (!xhr.responseType || xhr.responseType === "text") { 
     data = xhr.responseText; 
    } else if (xhr.responseType === "document") { 
     data = xhr.responseXML; 
    } else { 
     data = xhr.response; 
    } 
    return data; 
} 

var xhr=new XMLHttpRequest(); 
xhr.open('GET',results[i],true); 
xhr.responseType='blob'; 
xhr.send(); 
xhr.onreadystatechange=function() 
{ 
    var blob; 
    if(xhr.readyState==4) 
    { 
     blob=readBody(xhr); 
     uploadPhoto(blob,storageRef); 

    } 
}; 

Answer 1

あなたの画像は、次に、BASE64からバイナリにBASE64に変換する必要があります。これは.toDataURL()とdataURItoBlob()

を使用して実行されます。これはかなり難しい処理です。I've created a tutorial you can follow which walks you through the processです。