vue上传文件并FormData上传服务器
vue调用事件createInputFile(id可删,url服务器路径)createInputFile(id, url) {const file = document.createElement('input')file.name = 'fileName'file.type = 'file'file.accept ='application/vnd.openxmlformats-officedo
·
vue
调用事件createInputFile(id可删,url服务器路径)
createInputFile(id, url) {
const file = document.createElement('input')
file.name = 'fileName'
file.type = 'file'
file.accept =
'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'//xlsx文件,可改
file.click()
file.addEventListener('change', this.submitFile(id, url))
},
submitFile(id, url) {
return (event) => {
console.log(id, url)
let formdata = new FormData()
formdata.append('file', event.target.files[0])
console.log(event.target.files[0])
// console.log(formdata.get('file'))
//将formdata作为函数体上传到url,请求方式post照常
}
},
更多推荐
已为社区贡献10条内容
所有评论(0)