参考了博客vue+axios上传文件中的单独上传文件
。
但是不想选择文件之后就直接上传,就改写了文件的获取方式,通过document
先获取文件,点击之后再上传:
<input type="file" id="blog" placeholder="选择文件"/>
<button @click="uploadBlog">上传博客</button>
methods: {
uploadBlog: function () {
let file = document.getElementById('blog').files[0]
let param = new FormData()
param.append('any', file)
console.log(param.get('any'))
this.$axios.post('/api/blog/blog/UploadFile3', param, {
headers: {
'Content-Type': 'multipart/form-data'
}
})
}
}