JS 读取本地文件转base64 上传到服务器

 

 

$("#qrcode").on("change", function(){
　　var bs64 = base64(document.getElementById("qrcode"));
});

// 商品评价 图片转base64
// Process the file
// Precondition: expects image files, but works with others too
function base64(file) {
    var reader = new FileReader();
    var pos = file.target.files[0].name.lastIndexOf(".");
    var type = file.target.files[0].name.substring(pos + 1);

    if (type.toLowerCase() != "png" && type.toLowerCase() != 'jpg' && type.toLowerCase() != 'jpeg' && type.toLowerCase() != 'gif' && type.toLowerCase() != 'bmp') {
        alert("格式错误，请上传'png、jpg、jpeg、bmp、gif'格式文件");
        return;
    }
    num += 1;
    reader.onloadend = (
        function(e) {
            imgurl = e.target.result;
            updateBackground();
        }
    );

    // Read the file
    reader.readAsDataURL(file.target.files[0]);
}


// Return the data to the user
function updateBackground(){
  // urlElement.innerHTML = imgurl;
   
  jq.ajax({
    url:'user.php',
    data:{
      act:'update_pic',
      imgurl:imgurl
    },
    type:'post',
    dataType:'text',
    success:function(data){
      if(data == "error"){
        alert("上传失败，请重新操作");
      }else{
        jq("#comment_image").prepend("<input type='hidden' name='images[]' value='"+data+"'>");
        jq("#comment_image").prepend("<img width='70' height='70' src='"+imgurl+"' style='margin: 2px;'>");
        num-=1;
       sum+=1;
      }   
    }
  })

}