真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

vue實(shí)現(xiàn)修改圖片后實(shí)時(shí)更新

1、vue圖片上傳，使用element UI 上傳組件自己寫

網(wǎng)站建設(shè)哪家好，找成都創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、微信小程序開發(fā)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了五華免費(fèi)建站歡迎大家使用！


  點(diǎn)擊上傳

2、上傳圖片，并實(shí)時(shí)更新修改過后的圖片

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()使用時(shí)間戳更換每次的修改的圖片
    }
   })
  }
}

以上這篇vue實(shí)現(xiàn)修改圖片后實(shí)時(shí)更新就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。

分享文章：vue實(shí)現(xiàn)修改圖片后實(shí)時(shí)更新
網(wǎng)站鏈接：http://weahome.cn/article/jjciog.html