el-upload自定义上传,el-upload多文件上传
这篇文章主要介绍了vue El-上传上传文件的示例代码，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下
话不多说直接上代码
埃尔-上传
:action=actionUrl
class=头像上传者
:multiple=false
name=files
ref=上传
:file-list=fileList
:on-preview=handlePreview
:on-success=handleSuccess
：上传前=上传前
:http-request=httpRequest
:on-exceed=handleExceed
:on-change=handleChanged
接受=。csv，1000 .xls，1000 .xlsx
：自动上传=假
埃尔按钮槽=触发器大小=小选取文件/el-button
El-button style= margin-left:10px；size= small type= primary @ click= submit upload 上传到服务器/el-button
div slot= tip class= El-upload _ _ tip 只能上传csv/xslx/xsl文件，且不超过1M/格
/El-上传
actionUrl:` $ { env。imgcaptchaurl } * */上传`，
文件列表：[],
handleChanged(文件，文件列表){
this.fileList=fileList
},
handleExceed(文件，文件列表){
console.log(文件);
},
handleSuccess (res，file) {
console.log(文件);
控制台。日志(分辨率)；
},
处理预览（文件){
console.log(文件);
},
上传前（文件){
if (file.size/1024/1024 1) {
Vue .$vux.toast.text(上传文件不超过一米)
返回错误的
}
var ext=file。姓名。子串(文件。姓名。lastindexof( . ) 1)
常量扩展=
ext===csv
ext===CSV
ext===xlsx
ext===xls
如果(!扩展){
Vue .$vux.toast.text(上传文件格式只能为csv、xlsx/xls’)
返回错误的
}
},
httpRequest(可选){
const _this=这个
const file=opt.file
Vue .$vux.toast.text(文件上传中.)
var reader=new FileReader()
reader.readAsDataURL(文件)
reader.onload=函数(e) {
设imgType=
var ext=file。姓名。子串(文件。姓名。lastindexof( . ) 1)
if (ext===csv ) {
imgType=csv
}
if (ext===xlsx ext===xls) {
imgType=xlsx
}
上传Csv({
文件：这个。结果。替换(` data:image/$ { imgType }；base64，`，)
})。然后(res={
if (res.errno===0) {
Vue .$vux.toast.text(上传成功)
_这个。账户。许可证URL=RES . data。统一资源定位器
}
})。catch(err={})
}
},
submitUpload(){
if(this.fileList.length==0){
this.successDialog=请先选择文件；
this.sussAlog=true
返回
}
这个参考文献。上传。submit()；
},
onDownload(){
let start=
让end=
如果(this.form.time){
开始=解析时间(this。形式。时间[0])；
end=解析时间(this。形式。time[1])；
}
删除(this.form.time)
Object.assign(this.form，
第一次：开始，
结束时间：结束，
});
让{
第一次，
结束时间，
}=这个。表单；
窗户。打开(这个。向下URL lm/下载模式？
第一次=第一次
结束时间=结束时间
， _ blank )；
},
以上就是vue El-上传上传文件的示例代码的详细内容，更多关于vue El-上传上传文件的资料请关注我们其它相关文章！
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。