file - 使用 VueJS 和 Axios 上传文件
问题描述
我需要将文件上传到“/assets/img”文件夹中的服务器。我编写了以下代码,如示例中所示:
<div class="form-group">
<label>File
<input class="form-control" type="file" id="file" ref="file"
v-on:change="handleFileUpload($event)"
/>
</label>
<button v-on:click="submitFile($event)">Submit File</button>
</div>
data: function(){
return {
file: '',
}
},
methods: {
handleFileUpload: function($event){
this.file = this.$refs.file.files[0];
console.log(this.file);
},
submitFile: function($event){
var formData = new FormData();
formData.append('file', this.file);
axios.post( 'http://uquest.name/assets/img',
formData,
{
headers: {
'Content-Type': 'multipart/form-data'
}
}
).then(function(){
console.log('SUCCESS!!');
})
.catch(function(){
console.log('FAILURE!!');
});
this.files = '';
}
}
但是下载的文件没有出现在“/assets/img”文件夹中。我究竟做错了什么?
解决方案
推荐阅读
- c++ - 如何为 x = 输出相同数量的 0
- c++ - 如何控制工会的 ABI?
- python-3.x - 在csv文件上解析二进制文件
- r - 如何在 R 中执行左连接?
- r - 如何使用ggplot2将图例放置在情节的不同侧面(底部和右侧)?
- python - 自动将方法参数分配给实例变量
- unity3d - 如何在激活一个游戏对象并停用另一个游戏对象时从另一个场景加载场景?
- google-apps-script - 将附件从 gMail 保存到 gDrive?
- windows - 如何在 Go 中获取 Windows 显示名称?
- python-3.x - 当您不确切知道要匹配的内容时,可变长度的前瞻/后置正则表达式(python)