入力ファイルを使用してアップロードしたファイルをエンコードしてデコードする方法

私は複数のファイルアップロードオプションを作成しました。私は、アップロードしたファイルをエンコードしてデコードする必要があります。ここでは、イメージをbase64文字列に変換するためのプログラムを書いています... base64を使用してファイルをエンコードする方法とデコードする方法。入力ファイルを使用してアップロードしたファイルをエンコードしてデコードする方法

マイコードは、私は、デコード目的のためにコンソール出力を使用する方法...ファイルのエンコードされた値を出力コンソールで

<html> 
<body> 

<input id="inputFileToLoad" type="file" onchange="encodeImageFileAsURL();" multiple /> 
<div id="imgTest"></div> 
<script type='text/javascript'> 
    function encodeImageFileAsURL() { 

    var filesSelected = document.getElementById("inputFileToLoad").files; 
    if (filesSelected.length > 0) { 
     var fileToLoad = filesSelected[0]; 

     var fileReader = new FileReader(); 

     fileReader.onload = function(fileLoadedEvent) { 
     var srcData = fileLoadedEvent.target.result; // <--- data: base64 

     var newImage = document.createElement('img'); 
     newImage.src = srcData; 

     document.getElementById("imgTest").innerHTML = newImage.outerHTML; 
     alert("Converted Base64 version is " +   document.getElementById("imgTest").innerHTML); 
     var reslut = document.getElementById("imgTest").innerHTML; 
     console.log("Converted Base64 version is " +reslut); 

     } 
     fileReader.readAsDataURL(fileToLoad); 
    } 
    } 
</script> 
</body> 
</html>

です。

出典

2016-08-17 user3548039

あなたの予想出力は何であるのUTF8文字列であると思いますか？ – Lewis

コンソール出力エンコード値。 Base64のようなBase64のバージョンは、 user3548039