input_file上传图片(vue)
html:<input @change="fileImage" type="file" accept="image/jpeg,image/x-png,image/gif" id="" value="" />js:methods:{fileImage:function(e){var that=this;
·
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);
}
});
};
}
}
},
更多推荐
已为社区贡献5条内容
所有评论(0)