您的位置:首页 > 产品设计 > UI/UE

input_file上传图片(vue)

2017-12-04 17:30 489 查看
html:

<input @change="fileImage" type="file" accept="image/jpeg,image/x-png,image/gif" id="" value="" />


js:

methods:{
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);
}
});
};
}

}
},
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: