相关疑难解决方法(0)

使用 vuetify 2 v-file-input 和 axios 上传文件

首先,我检查了问题file-upload-in-vuetifyvuetify-file-uploads。但是那里的解决方案不起作用。

我正在尝试使用 vuetify 2<v-file-input>发送多个 PDF 文件。我创建了FormData对象并附加了我的所有文件,但是当我尝试提交时,它没有到达我的后端。我只是得到一个空对象。这是我的代码:

模板:

<v-layout>
    <v-flex>
      <v-file-input show-size counter chips multiple label="Arquivo Geral" ref="myfile" v-model="files"></v-file-input>
    </v-flex>
    <v-flex>
      <v-btn color="primary" text @click="submitFiles">test</v-btn>
    </v-flex>
</v-layout>
Run Code Online (Sandbox Code Playgroud)

脚本:

data() {
    return {
        files: null,
    }
}
methods: {
    submitFiles(){
        let formData = new FormData()

        if(this.files){

            for( let file in this.files){
                formData.append("cave", file)
            }

            console.log(formData.getAll("cave"))
            console.log(this.files)
            axios.post('https://eniwp6w65oc77.x.pipedream.net/', 
                        {
                            files: formData,
                            test: "test"
                        }, 
                        { 
                            headers: { 
                                'Content-Type': 'multipart/form-data'
                            } 
                        }).then( response => {
                            console.log('Success!') …
Run Code Online (Sandbox Code Playgroud)

javascript vue.js axios vuetify.js

18
推荐指数
1
解决办法
2万
查看次数

标签 统计

axios ×1

javascript ×1

vue.js ×1

vuetify.js ×1