转换为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]); 
    } 
}