JS学习笔记【四】:axios上传文件

参考:https://juejin.im/post/5cff13ab6fb9a07ee1691e82

  • 首先,在html的input中添加change事件,每次上传文件(不同名),都会触发该事件
	
	
  • 然后,在js中接收事件并调用axios发送formData数据即可

   	fileUpload(e){
   		console.log(e)
   		let file = e.target.files[0]
   		let formData = new FormData()
   		formData.append('file', file)
   		axios.request({
   			url: 'https://www.***.com/robot/api/execl-upload',
   			method: 'post',
   			data: formData
   		}).then(res=>{
   			console.log(res)
   			})
   	}
  • 注:不需要显示的设置content-type,axios识别到formData会自动删除content-type,然后浏览器会自动设置为文件上传属性

你可能感兴趣的:(JS学习笔记)