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) {

}

});

}