文件上传到 BIM 360 在 Postman 中工作，但不适用于 React JS

Question

Hi I'm new to Autodesk Forge. I was following the tutorial to upload a file to BIM 360. The upload works when using Postman but I'm unable to view the file when I upload using React JS.

I'm using FileReader and reading file as BinaryString. Where token is the access token.

onInputChange(e){
    let files = e.target.files;
    let reader = new FileReader(); 
    reader.readAsBinaryString(files[0]);

    reader.onload = (e) => {
        const buffer = Buffer.from(e.target.result, 'base64');

        var myHeaders = new Headers();
        myHeaders.append("Authorization", `Bearer ${token}`);
        myHeaders.append("Content-Type", "application/octet-stream");

        var requestOpts = {
            method: 'PUT',
            headers: myHeaders,
            body: buffer,
        };

        
        fetch('https://developer.api.autodesk.com/oss/
            v2/buckets/:bucketKey/objects/:objectName'
            , requestOpts)
        .then(response => response.json())



    }
}

The file manages to upload but im unable to view it in bim 360. Image below.

bim360 file image

Answer 1

Found the solution thanks to the suggestion in the comments. Had to change the FileReader method to

reader.readAsArrayBuffer(files[0]);

The documentation found in https://github.com/Autodesk-Forge/forge-api-nodejs-client/blob/master/src/api/ObjectsApi.js shows that the body has to be an array buffer.