element-ui 上传图片或视频时,先回显在上传

1
2
3
4
5
6
7
8
9
10
11
12
<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"
 >   

 

1
2
3
4
5
6
7
8
9
10
11
12
13
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);
 
 },

  

posted @   龙卷风吹毁停车场  阅读(3870)  评论(0编辑  收藏  举报
编辑推荐:
· DeepSeek 解答了困扰我五年的技术问题
· 为什么说在企业级应用开发中,后端往往是效率杀手?
· 用 C# 插值字符串处理器写一个 sscanf
· Java 中堆内存和栈内存上的数据分布和特点
· 开发中对象命名的一点思考
阅读排行:
· DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
· PPT革命!DeepSeek+Kimi=N小时工作5分钟完成?
· What?废柴, 还在本地部署DeepSeek吗?Are you kidding?
· DeepSeek企业级部署实战指南:从服务器选型到Dify私有化落地
· 程序员转型AI:行业分析
点击右上角即可分享
微信分享提示