html引入axios文件,axios实现简单文件上传功能

axios实现简单文件上传功能

发布时间：2020-10-08 16:59:37

来源：脚本之家

阅读：144

作者：pia_082

本文实例为大家分享了axios实现文件上传功能的具体代码，供大家参考，具体内容如下

前台页面：

引入axios js文件

HTML:

上传图片

JS:

function upload() {

alert("上传")

let file = document.getElementsByName('img')[0].files[0];

let formData = new FormData();

formData.append("uploadFile",file,file.name);

const config = {

headers: { "Content-Type": "multipart/form-data;boundary="+new Date().getTime() }

};

axios

.post("/file/upload",formData,config)

.then(function (response) {

console.log(response);

})

.catch(function (error) {

console.log(error);

});

}

后台