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

最新推荐文章于 2022-07-06 17:46:41 发布

转载最新推荐文章于 2022-07-06 17:46:41 发布 · 325 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/ting0527/p/10935973.html

文章标签：

#php #javascript #ui #ViewUI

<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("数据导入失败！")
}
}
}