vue动态更新数据,vue如何更新视图,vue实现修改图片后实时更新

vue动态更新数据,vue如何更新视图,vue实现修改图片后实时更新

今天小编就为大家分享一篇某视频剪辑软件实现修改图片后实时更新,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

1、vue图片上传,使用element UI 上传组件自己写

埃尔-上传

action='string '

:http-request='uploadImg '

:show-file-list='false '

El-button v-perm=' ' b:img:upload ' ' size=' small ' type=' primary '点击上传/el-button

/El-上传

div class='imgStyle mar_top10 '

img width=' 100% ':src=' dialogImageUrl ' alt=' '

/div

2、上传图片,并实时更新修改过后的图片

方法:{

上传(项目){

var是flag=(item。文件。type==' image/JPEG ' | | item。文件。type==' image/png ')?真:假;

如果(!isFlag){

这个消息({

类型:'警告,

消息: '上传图片只能是JPG,巴布亚新几内亚格式!'

})

返回错误的

}

let formData=new formData();

formData.append('file ',item。文件);//若查看可使用formData.get('file ')

api.updateShareBack(formData).然后(res={

var res=res.data

if(res.code==200){

这个消息({

类型:"成功",

消息: '上传成功'

})

this.dialogImageUrl=res.data '?'新日期()。getTime();//新日期()。getTime()使用时间戳更换每次的修改的图片

}

})

}

}

以上这篇某视频剪辑软件实现修改图片后实时更新就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: