zoukankan      html  css  js  c++  java
  • vue 上传文件

    <input type="file" ref="files" style=" 268px;" />
     
    <el-button class="submitBtn" type="primary" @click="submitForm($event)">确认发送权益</el-button>
     
     methods: {
            submitForm() {
                let fileVal = this.$refs.files.value;
                if (fileVal == '' || fileVal == null || !fileVal) {
                    this.$message.error('请选择您要上传的文件');
                    return false
                }
                let file = this.$refs.files.files[0];
                let dataFile = new FormData();
                dataFile.append('file_upload', file)
                let config = {
                    headers: { 'Content-Type': 'multipart/form-data', 'Authorization': this.$cookie.get('Authorization') }
                };
                const instance = this.$axios.create({
                    withCredentials: true
                })
                instance.post('/admin/adminCoupon/importCoupon.json', dataFile, config).then(res => {
                    const data = res.data;
                    if (data.success) {
                        fileVal = ''; // 清空表单
                        this.$message.success('上传成功');
                        return false
                    } else {
                        this.$message.error(data.message);
                        return false
                    }

                }).catch(err => {
                    this.$message.error('服务异常,请重试');
                    return false
                })
            }
        }

  • 相关阅读:
    redis基本介绍搭建篇
    Percona XtraDB Cluster集群
    path模块
    vue相关
    Vue首页加载过慢 解决方案
    从用户输入url到页面最后呈现 发生了些什么?
    cookie
    javascript中怎么判断对象{}为空
    jquery之stop()的用法
    跨域
  • 原文地址:https://www.cnblogs.com/king94Boy/p/11578376.html
Copyright © 2011-2022 走看看