首先,我检查了问题file-upload-in-vuetify和vuetify-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)