Vue(七) ：重写elementUI默认上传行为

￡神魔★判官ぃ 2023-05-28 05:22 4阅读 0赞

**页面：**

<el-upload action="上传接口url地址" :http-request="uploadSectionFile" multiple accept=".xls,.xlsx" :limit="1" :show-file-list="false"
                              ref="upload">
                    <el-button type="primary">上传<i class="el-icon-upload el-icon--right"></i></el-button>
                  </el-upload>

**vue:**

uploadSectionFile(param){
                const self = this;
                //file就是当前添加的文件
                var fileObj = param.file;
                // FormData 对象
                var form = new FormData();
                // 文件对象,key是后台接受的参数名称
                form.append("file", fileObj);
                self.$http.post("上传url接口地址",form).then((res) => {
                    // 这里做上传后的操作
                    console.log(res);
                    if (res) {
                        //todo 页面提示信息
                    
                    }
                });
            },

遇到的问题：

1.本以为重新后，不再需要action了，但是去掉action后，报错；

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0NjA3ODM3_size_16_color_FFFFFF_t_70][]2.加上action后，认为不需要在重写的请求中，再次输入action了，发现前端不报错了，上传不成功，无奈，又加上了，

3.action可以不传入任何东西，但是这个节点需要存在，比如：action="",测试后，发现页面写为action=""，也是可以上传成功的

版本：elementUI:2.13.0

**原因：暂时未知**

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzI0NjA3ODM3_size_16_color_FFFFFF_t_70]: /images/20230528/517fe9b096464908a1dbeb16fc4b6673.png