js 图片转base64上传图片

<input type="file" class="upload">
<img src="" alt="" id="viewimg">


<script src="home/javascripts/jquery-3.2.1.min-1.js"></script>
<script>
$(".upload").change(function() {
//把选择的图片显示到img上
var fileObj = $(this)[0];
var windowURL = window.URL || window.webkitURL;
var dataURL;
var $img = $("#viewimg");


if(fileObj && fileObj.files && fileObj.files[0]) {
dataURL = windowURL.createObjectURL(fileObj.files[0]);//要显示图片的路径
$img.attr("src", dataURL);//显示图片

//图片转换成base64
var reader = new FileReader();
reader.readAsDataURL(this.files[0]);//这一步是关键

reader.onload = function (e){
var base64Img=e.target.result;//这一步是关键

$.ajax({
type:"post",
url:"",
data:{base64:base64Img}, //base64:e.target.result
dataType:"json",
success: function () {

},
error: function () {

}
});
}
}
})
</script>


转载自: https://www.cnblogs.com/kcjm/p/7442896.html
原文地址:https://www.cnblogs.com/xushan03/p/15122329.html