base64对图片的编码与解码

阅读更多

首先你得通过前端的jqery找到你存储图片的input标签，然后绑定到图片上
选择文件时，可以使用input文件的change事件
$("#imageUrl").on("change",function(){
   var files = $(this).prop("files");//获取文件列表
  
   if(files.length == 0){
      return;
   }else{
    var filepath = $(this).val();
    if(!/\.(gif)$/.test(filepath)){
        alert("");
         $(this).val("");
        return false;
     }
    var reader = new FileReader();
    reader.readAsDataURL(files[0]);
    reader.onload = function(evt){
      var fileString = evt.target.result;
      $("#img").attr("src",fileString);
     }
   }
});