Lors du téléchargement de photos, vous devez fournir le jeton de connexion de l'utilisateur et les photos à télécharger. Mais comment deux types de données différents peuvent-ils être publiés ensemble sur le serveur ?
mui.init();
function fsubmit(){
var data = new FormData(mui('#uploadForm')[0]); //获取图片
$.ajax({
url: 'http://192.168.1.8/api/user-center/avatar',
type: 'POST',
data: {
key:localStorage.getItem('key'), //获取本地的登录令牌
avatar:data //图片
},
cache: false,
processData: false,
contentType: false ,
success:function(data){
console.log(data.datas.testURL);
},
error:function(xhr,type,error){
console.log(xhr.status+xhr.responseText);
//一直返回401,没有权限
}
});
return false;
}
Changez le type de données de la publication en formdata, puis chargez l'objet dans formdata. Voici un exemple :
Vous avez déjà créé le nouveau FormData, alors n'enregistrez pas les objets vous-même. Utilisez simplement le nouveau...
.Ensuite le backend est légèrement ajusté pour pouvoir recevoir FormData.
Merci pour l'invitation :
Le jeton peut être placé dans les en-têtes et le backend vérifie le jeton séparément, tandis que cette interface ne traite que les images