vue+iview-ui 的upload上传,UI框架和PHP在上传功能上后台PHP的file(不可以)和files(可以)不兼容问题


<template>
  
<Upload
type="select"
action="https://www.mobookapp.com/admin/UserAddxlsx"
:with-credentials='true'
:show-upload-list="false"
:data='datas'
:before-upload="beforeupload"
:on-error="handleError"
:on-format-error="handleFormatError"
:on-success="handleSuccess"
:format ="['xlsx','xls']">

<i-button type="ghost" icon="ios-cloud-upload-outline">用户上传</i-button>
</Upload>
</template>

<script>
export default {
data () {
return {
datas:{
excel: null,
file:[]
}
};
},
methods: {
beforeupload(file){
this.datas.excel = file.name
this.datas.file.push(file);
},
handleFormatError(file){
this.$Notice.warning({
title: '文件格式不正确',
desc: '文件 ' + file.name + ' 格式不正确,请上传.xls,.xlsx文件。'
})
},
handleSuccess(response, file, fileList){
if(response.code === 200){
this.handleListApproveHistory();
this.$Message.success(response.msg);
}else{
this.$Message.error(response.msg);
}
},
handleError(error,file){
this.$Message.error("数据导入失败!")
}
}
}
</script>

					


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM