Level up your Box knowledge with brand new learning paths on Box University. Visit training.box.com to get started

Box Status

uploading file from js fetch api to box and keep getting 415 error. Can anyone please let me know what mistake I am making here? Thanks

S’abonner
Nouvelle publication
Nidhi Joshi
  • Modifié
 var header = boundary +
        "\r\nContent-Disposition: form-data; name=\"file\"; filename=\"" + this.fileData[0].Title + " \"" +
        "\nContent-Type: application/octet-stream" ;
        var footer = boundary;

        const body = '{"name":' + this.fileData[0].VersionData + ', "parent":{"id": '+ 12345 + '}}';
       
        console.log('body--',body);
   
        fetch(uploadEndPointURL,{
            method: 'POST',
             mode: 'cors',
            cache: 'no-cache',
            Body: body,
           
        headers: {
         
           'Accept': '*/*',
            'Authorization': "Bearer "+this.accessToken,
            'Content-Type': 'application/json; charset=utf-8',
            'Access-Control-Allow-Origin': uploadEndPointURL,
            'Access-Control-Allow-Methods': 'GET, POST, OPTIONS, PUT, PATCH, DELETE',
            'Access-Control-Allow-Headers': 'Content-Type',
            'Access-Control-Allow-Credentials': true

        }
        }).then(function(response){
            console.log('response--',response);
            console.log(response.body);
           
        }).catch(function(error) {
            console.log('error--',error.response.data.message);
          })
        });
0

Commentaires

4 commentaires

Date Votes
  • Peter Christensen

    Hi 

    I think you might get this as you add the application/json header which should not be used in this call. try removing it and test again

    Rgds,
    Peter Christensen, Platform Solutions Engineer, Box

    0
    Actions pour les commentaires Permalien
  • Nidhi Joshi

    Hi Peter Christensen,

    Thanks for the quick response.

    I tried the above solution which you suggested but it didn't work. Still facing the same issue.

    I want to upload files to box from js fetch api. One thing I need to confirm is in my app I also need to add the allowed origin to the value from where I am generating request right? I have added the origin value but the app is still not authorized by the box admin. So wanted to know is this the reason why I am facing this 415 issue. Right now, I am using some extension for by passing CORS only for testing.

    Thanks

    0
    Actions pour les commentaires Permalien
  • Peter Christensen

    a 415 is normally when you send the wrong content-type header or no content-header with your request. A CORS issue would show as a 403 with a context saying something around CORS

    0
    Actions pour les commentaires Permalien
  • Nidhi Joshi

    @Peter Christensen, I have added the origin from where I am passing request to box i.e "https://contentintelligence.lightning.force.com" in the Allowed Origins but still I am getting "Access to XMLHttpRequest at 'https://upload.box.com/api/2.0/files/content' from origin 'https://contentintelligence.lightning.force.com' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource."

    0
    Actions pour les commentaires Permalien

Cette publication n’accepte pas de commentaire.