vue实现修改图片后实时更新
1、vue图片上传,使用element UI 上传组件自己写
网站建设哪家好,找成都创新互联公司!专注于网页设计、网站建设、微信开发、微信小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了五华免费建站欢迎大家使用!
点击上传
2、上传图片,并实时更新修改过后的图片
method : { uploadImg(item) { var isFlag = (item.file.type == 'image/jpeg' || item.file.type == 'image/png')? true : false; if(!isFlag){ this.$message({ type: 'warning', message: '上传图片只能是 JPG、PNG 格式!' }) return false } let formData = new FormData(); formData.append('file', item.file);//若查看可使用 formData.get('file') api.updateShareBack(formData).then(res => { var res = res.data; if(res.code == 200){ this.$message({ type: 'success', message: '上传成功' }) this.dialogImageUrl = res.data + '?' + new Date().getTime();//new Date().getTime()使用时间戳更换每次的修改的图片 } }) } }
以上这篇vue实现修改图片后实时更新就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持创新互联。
本文题目:vue实现修改图片后实时更新
当前地址:http://pwwzsj.com/article/jjciog.html