轉換爲Base64和發送使用AJAX圖像在Javascript

Question

我需要選擇的圖像發送到服務器，這裏已經是我試圖

這裏是HTML部分

    <div class="row"> 
         <input type="file" name="filUpload" id="filUpload" onchange="showimagepreview(this)"> 
         <br /> 
         <img id="imgprvw" alt="uploaded image preview" class="img-thumbnail" /> 
        </div> 

我需要得到編碼的圖像到javascript變量，但我不知道

Answer 1

上傳圖像到服務器上，你需要通過AJAX發送圖像數據到服務器端。

參考，你可以看到這個鏈接：

http://www.sanwebe.com/2012/05/ajax-image-upload-and-resize-with-jquery-and-php

http://phppot.com/php/php-ajax-image-upload/

Answer 2

您可以嘗試使用jQuery的BASE64插件。 Jquery.Base64 plugin

，做這樣的：

function showimagepreview(c) { 
    var file = c; 
    if(file.files.length) 
    { 
     var reader = new FileReader(); 
     reader.onload = function(e) 
     { 
      var b = $.base64.encode(e.target.result); 

      $("#imgprvw").attr("src", "data:image/png;base64," + b); 
     }; 
     reader.readAsBinaryString(file.files[0]); 
    } 
}