如何使用輸入類型文件對上傳的文件進行編碼和解碼

Question

我為用戶創建了多個文件上傳選項。 我想對上傳的文件進行編碼和解碼...在這里我編寫用於將圖像轉換為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>

在控制台中我打印文件的編碼值...如何使用控制台輸出進行解碼。

Answer 1

嘗試window.atob(base64string) ，我認為它是一個blob對象的utf8字符串

如何使用輸入類型文件對上傳的文件進行編碼和解碼

問題描述

1 個解決方案

解決方案1
0 2016-08-17 07:12:13

如何使用輸入類型文件對上傳的文件進行編碼和解碼

問題描述

1 個解決方案

解決方案1 0 2016-08-17 07:12:13

解決方案1
0 2016-08-17 07:12:13