element-ui 上傳圖片或視頻時,先回顯在上傳


           <el-upload
              class="upload-demo"
              ref="vidos"
              :action="URL+'/api/post/file'"
              :data="date"
              :on-success="handleAvatarAUDIO"
              :before-upload="beforeAvatarAUDIO"
              :on-progress="beforeAvatarUpload"
              accept=".mp4"
              :on-change="AvatarAUDIO" //將用到次方法
              :file-list="fileList"
            >    

 

   AvatarAUDIO(file, fileList){
      // 此方法如果是大文件時會出現偶爾卡頓
      let reader = new FileReader()
      reader.readAsDataURL(file.raw)
      reader.onload=()=>{
          console.log(reader.result,'地址')
          this.AUDIO = reader.result
      }
      // 第二種方法
      let URL = window.URL || window.webkitURL;
      this.AUDIO = URL.createObjectURL(file.raw);

    },

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM