axios上传图片封装
时间: 2023-10-05 16:08:49 浏览: 44
基于引用和引用,可以使用axios上传图片时,可以将上传图片的方法封装成一个Promise对象。首先,创建一个FormData对象,并将要上传的文件追加到其中。然后,通过axios发送POST请求,并将FormData作为请求体发送到服务器。在Promise对象的resolve函数中,返回服务器响应的数据。以下是一个示例代码:
```javascript
import axios from "axios";
export function uploadImage(file) {
return new Promise((resolve) => {
let formData = new FormData();
formData.append("file", file);
axios.post("/api/upload", formData).then((res) => {
resolve(res.data);
});
});
}
```
在上述示例代码中,uploadImage函数接受一个文件作为参数。它创建一个FormData对象,并将文件追加到其中。然后,使用axios发送POST请求到服务器的"/api/upload"接口,并将FormData作为请求体发送。当请求成功后,通过resolve函数将服务器响应的数据传递给调用者。
你可以根据自己的实际情况修改上传路径和其他请求参数。