element-ui 上传图片或视频时,先回显在上传
2024-08-23 17:21:35
<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); },
最新文章
- 转移博客到xinqiyang.freeflare.com了,这里会继续更新.
- 去繁从简--简化Message和Signal设置
- String详解
- jquery基本选择器id
- 利用iconv进行文件编码批量原地转换
- unity3d插件Daikon Forge GUI 中文教程7-高级控件slider的使用
- Leetcode: Combination Sum IV &;&; Summary: The Key to Solve DP
- curl网站开发指南
- 11_Servlet生命周期
- String、StringBuffer和StringBuilder的区别
- MyBatis 学习总结(二)
- 原生拖拽,拖放事件(drag and drop)
- 图像特效——摩尔纹 moir
- 【linux】Linux系统SELinux简介
- Dapper Helper
- Marked Ancestor [AOJ2170] [并查集]
- JS中对象与数组(大括号{}与中括号[])
- include
- uoj#29. 【IOI2014】Holiday
- R中基本命名(未完)
热门文章
- logging.basicConfig配置文件
- docker删除镜像Error response from daemon: conflict: unable to remove repository reference
- java的excel表格的导出与下载
- Python面向对象 | 类空间及类之间的关系
- Windbg源代码窗口的使用
- Console工程下如何不显示控制台黑窗口只显示Windows窗口
- django -- 实现ORM登录
- Python中的next()\iter()函数详解
- 【BigData】Java基础_构造方法的使用
- odoo 币别符号显示机制 Monetary