element-ui文件上传 做类型大小的限制
来源:互联网 发布:linux 文件权限所有者 编辑:程序博客网 时间:2024/05/22 04:25
补充网上的bug、至于bug是什么 自行体会;
上代码:
<div class="filebox"><el-upload class="upload-demo" :action="url" :on-preview="handlePreview" :on-remove="handleRemove" multiple :limit="limitnum" :on-exceed="handleExceed" :file-list="fileList" :beforeUpload="beforeAvatarUpload"><el-button size="mini" type="primary">点击上传</el-button><div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div></el-upload></div>
:beforeUpload="beforeAvatarUpload" 底下有方法
重要在这里:
methods里面写beforeAvatarUpload这个方法
beforeAvatarUpload(file) { var testmsg=file.name.substring(file.name.lastIndexOf('.')+1)const extension = testmsg === 'xls'const extension2 = testmsg === 'xlsx'const isLt2M = file.size / 1024 / 1024 < 10if(!extension && !extension2) {this.$message({message: '上传文件只能是 xls、xlsx格式!',type: 'warning'});}if(!isLt2M) {this.$message({message: '上传文件大小不能超过 10MB!',type: 'warning'});}return extension || extension2 && isLt2M}想要什么限制加什么限制就好。
阅读全文
0 0
- element-ui文件上传 做类型大小的限制
- Struts1上传文件的大小及类型的限制
- js限制input file文件上传的大小和类型
- 限制上传文件的大小
- 使用jquery过滤上传文件的类型和限制文件的大小
- 使用jquery过滤上传文件的类型和限制文件的大小
- 使用jquery过滤上传文件的类型和限制文件的大小
- Struts2文件上传 —— 限制文件的大小及类型
- Struts2文件上传 —— 限制文件的大小及类型
- 如何自定义上传文件的大小限制
- FileupLoad控件限制上传文件的大小
- struts2 文件上传大小的限制(转载)
- struts2 文件上传大小的限制
- struts2 文件上传大小的限制
- struts2 文件上传大小的限制(转载)
- Struts2文件上传的大小限制问题
- javascript实现限制上传文件的大小
- 浏览器限制文件上传的大小
- Java软工具
- TCP连接建立与关闭
- 多线程作业
- Powerdesigner通过sql脚本导入表结构
- 安卓学习遇到的一些问题
- element-ui文件上传 做类型大小的限制
- thinkphp3.2 运用PHPExcel将数据导出Excel
- Vue的组件component(一)
- JAVA验证码工具类
- H5web端存储
- 奇异值分解 SVD
- WEB 访问PHP服务器 进程堆积
- linux信号的阻塞和未决
- Collection