前端上传文件到php后端

前端可以通过axios库实现，导入如下

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

1.首先导入库；
2.使用FormData()获取文件流；
3.FormData()以数据的形式加入axios请求包

						var pa = new FormData();
						file = document.getElementById("file").files;
						num = file.length;
						console.log(num);
						var n = 0;
						for (i = 0; i < num; i++) {
							var name = "file" + n;
							pa.append(name, file[i]);
							n++;
						}
						pa.append('essayId', part);
						// console.log(pa.get('file'));
						axios({
							url: "http://phpstudy:8000/论坛后台管理/img.php",              //非本机发送图片phpstudy需要改成本机ip
							method: 'post',
							data: pa,
							headers: {
								'Content-type': 'multipart/form-data'
							},
						}).then(function(response) {
							console.log(response);
							app.imgURL = response.data;
							console.log(app.imgURL);
						});