将图片转换成base64

Html

Css

Js

.jg { word-wrap:break-word; }

function readFile(obj) { var file = obj.files[0]; //判断类型是不是图片 if (!/image\/\w+/.test(file.type)) { alert("请确保文件为图像类型"); return false; } var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function(e) { //alert(this.result); //就是base64 $(".jg").text(this.result); } }

↑上面代码改变，会自动显示代码结果

jQuery调用版本：1.8.3

我们可以先现将图片转成base64的字符，在把字符通过post方式上传给服务器，在服务器端把post过来的base64字符，还原出图片保存在服务，完成图片上传过程。