jq实现用ajax上传图片,使用Jquery中ajax实现上传文件
html
js
let token = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6OCwidXNlcm5hbWUiOiJ6d3AxMjM0NSIsIm5pY2tuYW1lIjoiIiwiZW1haWwiOm51bGwsInBhc3N3b3JkIjoiOGQ5NjllZWY2ZWNhZDNjMjlhM2E2MjkyODBlNjg2Y2YwYzNmNWQ1YTg2YWZmM2NhMTIwMjBjOTIzYWRjNmM5MiIsImF2YXRhciI6IiIsInBob25lIjpudWxsLCJzZXgiOiLnlLciLCJzdGF0dXMiOjEsInNpZ24iOiIiLCJhcmVhIjoiIiwiY3JlYXRlZF9hdCI6IjIwMjAtMDYtMjhUMTM6MzI6MzMuMDAwWiIsInVwZGF0ZWRfYXQiOiIyMDIwLTA2LTI4VDEzOjMyOjMzLjAwMFoiLCJpYXQiOjE1OTYwMTUwNjB9.UkLVzONr3i2RM81H5LJW-CzfU2rsvqXFTz2Mm3hbJW8;
let imagePic = document.getElementById("imagePic");
imagePic.onchange = function(e){
var formData = new FormData(); // 创建一个form类型的数据
formData.append(files, e.target.files[0]); // 获取上传文件的数据
$.ajax({
url:"http://127.0.0.1:7001/upload", // 接口域名地址
type:post,
contentType:false, // 不设置数据类型
processData: false, // 将数据转换成对象，不对数据做处理，故 processData: false
headers:{
token:token
},
data: formData,
success:function(result){
console.log(result)
},
error: function(data) {
}
});
}
html js let token = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6OCwidXNlcm5hbWUiOiJ6d3AxMjM0NSIsIm5pY2tuYW1lIjoiIiwiZW1haWwiOm51bGwsInBhc3N3b3JkIjoiOGQ5NjllZWY2ZWNhZDNjMjlhM2E2MjkyODBlNjg2Y2YwYzNmNWQ1YTg2YWZmM2NhMTIwMjBjOTIzYWRjNmM5MiIsImF2YXRhciI6IiIsInBob25lIjpudWxsLCJzZXgiOiLnlLciLCJzdGF0dXMiOjEsInNpZ24iOiIiLCJhcmVhIjoiIiwiY3JlYXRlZF9hdCI6IjIwMjAtMDYtMjhUMTM6MzI6MzMuMDAwWiIsInVwZGF0ZWRfYXQiOiIyMDIwLTA2LTI4VDEzOjMyOjMzLjAwMFoiLCJpYXQiOjE1OTYwMTUwNjB9.UkLVzONr3i2RM81H5LJW-CzfU2rsvqXFTz2Mm3hbJW8; let imagePic = document.getElementById("imagePic"); imagePic.onchange = function(e){ var formData = new FormData(); // 创建一个form类型的数据 formData.append(files, e.target.files[0]); // 获取上传文件的数据 $.ajax({ url:"http://127.0.0.1:7001/upload", // 接口域名地址 type:post, contentType:false, // 不设置数据类型 processData: false, // 将数据转换成对象，不对数据做处理，故 processData: false headers:{ token:token }, data: formData, success:function(result){ console.log(result) }, error: function(data) { } }); }