您的位置:首页 > Web前端 > Vue.js

vue+element-ui--upload

2018-12-03 16:14 393 查看
[code]// 上传成功后的回调
uploadSuccess (response, file, fileList) {
console.log('上传文件', response)
console.log(file);
//是否需要参数
},
// 上传错误
uploadError (response, file, fileList) {
console.log('上传失败,请重试!')
},
// 上传前对文件的大小的判断
beforeAvatarUpload (file) {
const extension = file.name.split('.')[1] === 'xls'
const extension2 = file.name.split('.')[1] === 'xlsx'
const extension3 = file.name.split('.')[1] === 'doc'
const extension4 = file.name.split('.')[1] === 'docx'
const isLt2M = file.size / 1024 / 1024 < 10
if (!extension && !extension2 && !extension3 && !extension4) {
console.log('上传模板只能是 xls、xlsx、doc、docx 格式!')
}
if (!isLt2M) {
console.log('上传模板大小不能超过 10MB!')
}
return extension || extension2 || extension3 || extension4 && isLt2M
},

下载上传的文件

[code]
this.$http({
url: this.$http.adornUrl(''),访问后台接口地址
method: 'get',
responseType: 'arraybuffer', //必须设置此类型
}).then(res =>{
const blob = new Blob(
[res.data],
{type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' })
const downloadElement = document.createElement('a');
const href = window.URL.createObjectURL(blob);
downloadElement.href = href;
downloadElement.download = this.timetrans(new Date);
document.body.appendChild(downloadElement);
downloadElement.click();
document.body.removeChild(downloadElement) ;
window.URL.revokeObjectURL(href);
this.dataListLoading = false
}).catch(error => {
console.log(error);
})

 

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: