Vue前后端分离完成文件上传

最新推荐文章于 2024-05-13 19:29:51 发布

Happy_Boy_z

最新推荐文章于 2024-05-13 19:29:51 发布

阅读量524

点赞数 1

本文链接：https://blog.csdn.net/Happy_Boy_z/article/details/106037432

版权

Vue前后端分离完成文件上传

input: <input type="file" id="imgfile" ref="myfile" style="display: none" onchange="imgfileChange()">

上传文件
	let myfile = this.%refs.myfile;
	let files = myfile.files;
	let file = files[0];
	var formData = new FormData();
    formData.append("file",file);
    axios({
		method: 'post',
		url: 'http://localhost:8989/place/save',
		data: formData,
		headers: {
			'Content-Type':'multipart/form-data'
		}
	}).then((res)=>{
		console.log(res);
	})