Upload new version in file - Getting "Unsupported Media Type"

New post

December 04, 2019 22:40

Hi, I have tried BOX Upload a file version post API. But am getting an 415 -Unsupported media type or 400 - API upload did not have a file part error.

Here what i have tried is in POST API am trying to upload new version of file using React JS (axios post)

METHOD : post
URL : https://upload.box.com/api/2.0/files//content
HEADERS: Authorization : 'Bearer ', content-type : 'multipart/form-data'
BODY:   ‘attributes’:{‘name’:’filename.json’}, ‘file’:

NOTE : If i tried this API in postman it works fine. And I am trying this from my local system.

Please suggest how to call a BOX upload file version API in axios post (REACTJS) with sample code ?

Comments

3 comments

jcleblanc

December 05, 2019 14:43
Hi ,

Could you try changing the content-type to "application/json", since you're uploading a JSON file, and see if that solves the problem please?

If that doesn't work can you supply your code please? The 400 error is telling me that there's an issue with the request coming through.

Thanks,

Jon
0

Comment actions Permalink

swathi_0812

December 05, 2019 22:16

Hi ,

Thanks. I have tried using the content-type as "application/json" but 415 error persists. PFB the code i have tried,

let filePath = "../../folder1/fileName.json";
    var form = new FormData();
    form.append("attributes", "{name:fileName.json}");
    form.append("file", filePath);

    return axios({
        method: 'POST',
        url: `https://upload.box.com/api/2.0/files/${FILE_ID}/content`,
        data: form,
        headers: {
            'Authorization': 'Bearer ' + access_token,
            'content-type': 'multipart/form-data; boundary=---- 
                             WebKitFormBoundary7MA4YWxkTrZu0gW', // Response : 400 - API upload didnot have a file part
            // 'content-type': 'application/json', -> Response : 415 - unsupported media type
            // 'content-type': 'application/x-www-form-urlencoded', -> 415 - unsupported media type
        },
    }).then(function (response) {
        console.log("response", response)
        return response.data;
    }).catch((error) => {
        console.log('error', error);
    });

swathi_0812

December 17, 2019 05:19
Can anyone please suggest solution for this issue ?
0

Comment actions Permalink

Please sign in to leave a comment.