码迷,mamicode.com
首页 > Web开发 > 详细

上传图片

时间:2018-07-24 17:38:30      阅读:178      评论:0      收藏:0      [点我收藏+]

标签:$.ajax   inpu   0kb   base   修改   bsp   nbsp   属性   res   

<input @change="fileImage" type="file" accept="image/jpeg,image/x-png,image/gif" id="" value="" />
 
 
fileImage:function(e){
var that=this;
var file = e.target.files[0];
var imgSize=file.size/1024;
if(imgSize>200){
alert(‘请上传大小不要超过200KB的图片‘)
}else{
var reader = new FileReader();
reader.readAsDataURL(file); // 读出 base64
reader.onloadend = function () {
// 图片的 base64 格式, 可以直接当成 img 的 src 属性值
var dataURL = reader.result;
// 下面逻辑处理
$.ajax({
type:"post",
url:"/v1/userSet",
async:true,
data:{
avatar:dataURL,
avatar_wx:1,
token:token,
uid:uid,
},
success:function(e){
that.avatar=dataURL;
alert(‘修改成功‘);
$(".tsk").show().delay(1500).hide(0);
}
});
};
}
}

上传图片

标签:$.ajax   inpu   0kb   base   修改   bsp   nbsp   属性   res   

原文地址:https://www.cnblogs.com/lingshan168/p/9360500.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!