ne peut pas passer variable d'en-tête (XMLHttpRequest)

Question

uploadImageCallBack(file) { 

    var token = ' eyJhbG6Aw5/MwymOfs4B76D5JEr/o0YymuXZufo=' 
    return new Promise(
    (resolve, reject) => { 
     const xhr = new XMLHttpRequest(); 
     xhr.open('POST', 'https://dev.hylaa.net/oa/file/upload'); 
     xhr.setRequestHeader('Authorization':'Bearer ' + token); 
     xhr.setRequestHeader('Content-Type': 'multipart/form-data'); 
     const data = new FormData(); 
     data.append('image', file); 
     xhr.send(data); 
     xhr.addEventListener('load',() => { 
     const response = JSON.parse(xhr.responseText); 
     resolve(response); 
     }); 
     xhr.addEventListener('error',() => { 
     const error = JSON.parse(xhr.responseText); 
     reject(error); 
     }); 
    } 
); 
} 

Impossible de passer variable "jeton" à en-tête

SyntaxError: jeton inattendu, attendu,

où mon erreur? quand j'utilise AXIOS je peux passer une variable à cet en-tête

Answer 1

Vous avez un label, vous ne définissez pas l'en-tête correctement. Devrait être ("header", "value")

xhr.setRequestHeader('Authorization', 'Bearer ' + token); 
xhr.setRequestHeader('Content-type', 'multipart/form-data');