axios form-data文件上传报错404（同样接口ajax可以请求）
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>文件上传</title>
</head>
<body>
<form id="test" enctype="multipart/form-data">
<input type="text" name="name">
<input type="file" name="excel" id="file">
<input type="button" onclick="add()" value="提交">
</form>
</body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script src="https://cdn.bootcss.com/qs/6.5.2/qs.min.js"></script>
<script type="text/javascript">
function add() {
let isurl = "/saveData.json";
let formData = new FormData()
let config = {
//添加请求头
headers: { "Content-Type": "multipart/form-data" }
};
formData.append('name', name)
formData.append('file', file)
console.log(1111,formData);
axios.post(isurl, Qs.stringify(formData),config).then(res => {
console.log(res);
}).catch(err => {
console.log(err);
})
</script>
</html>代码很简单
但是报错 404 同样的接口 用ajax可以上传成功
求教要踩坑
代码改成如下 去掉QS部分 可以正常请求接口 但是 后台提示 没有上传excel文件 但是已经上传了
axios该如何获取上传文件？
<script type="text/javascript">
function add() {
let isurl = "/saveData.json";
let formData = new FormData()
let config = {
//添加请求头
headers: { "Content-Type": "multipart/form-data" }
};
formData.append('name', name)
formData.append('file', file)
console.log(1111,formData);
axios.post(isurl, formData,config).then(res => {
console.log(res);
}).catch(err => {
console.log(err);
})
</script>如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
解决。。。。。。