element-ui文件上传 做类型大小的限制
2017-12-14 16:06
603 查看
补充网上的bug、至于bug是什么 自行体会;
上代码:
重要在这里:
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 < 10
if(!extension && !extension2) {
this.$message({
message: '上传文件只能是 xls、xlsx格式!',
type: 'warning'
});
}
if(!isLt2M) {
this.$message({
message: '上传文件大小不能超过 10MB!',
type: 'warning'
});
}
return extension || extension2 && isLt2M
}想要什么限制加什么限制就好。
上代码:
<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 < 10
if(!extension && !extension2) {
this.$message({
message: '上传文件只能是 xls、xlsx格式!',
type: 'warning'
});
}
if(!isLt2M) {
this.$message({
message: '上传文件大小不能超过 10MB!',
type: 'warning'
});
}
return extension || extension2 && isLt2M
}想要什么限制加什么限制就好。
相关文章推荐
- php非常简单的文件上传,没有文件类型、大小限制
- PHP图片文件上传类型限制扩展名限制大小限制与自动检测目录创建。
- js验证上传文件大小、图片类型限制
- Apache+PHP,swfupload做批量上传时遇到的文件类型支持问题和文件上传大小限制问题的相应解决方案
- Struts2文件上传 —— 限制文件的大小及类型
- Uploadify 3.2上传文件,限制类型,大小,传递参数等
- 前端js限制上传文件类型及大小(1)
- 使用jquery过滤上传文件的类型和限制文件的大小
- js限制上传文件的类型和大小
- Struts1上传文件的大小及类型的限制
- MOSS 2007应用日记(23)――如何修改上传文件大小及类型的限制
- 关于struts2使用xml拦截器(interceptor)限制文件上传(fileUpload)大小和类型的问题,道友看一看
- Struts2文件上传 —— 限制文件的大小及类型
- 使用jquery过滤上传文件的类型和限制文件的大小
- Uploadify 3.2上传文件,限制类型,大小,传递参数等
- 基于JQuery的图片上传预览插件(图片预览、过滤文件类型、限制图片大小、图片显示后回调)
- ASP.NET FCKeditor 上传修改,添加对文件的类型以及大小的限制
- JS限制上传文件类型和大小(不是宽…
- jquery限制上传文件的类型和限制文件的大小
- js限制上传文件类型和大小