前端可以通过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);
});