Qfyilyi

I am unsure how to download objects inside a bucket. The file I am currently able to download has a significantly smaller size compared to the file uploaded in the bucket. In addition, I am unable to open the file after it is downloaded. Is there something missing in my code? The following code is what I used to download files.

var element = document.createElement('a');



element.setAttribute('href', '#');

element.setAttribute('download', node.text);

element.style.display = 'none';



document.body.appendChild(element);

element.click();

document.body.removeChild(element);

You refer my answer here (Download BIM360 Docs file using Javascript) to download files from Forge OSS bucket.

In this suggestion, I extended the jQuery function to creates new XMLHttpRequest and passes all the received data back to the jQuery.

/**

 *

 * jquery.binarytransport.js

 *

 * @description. jQuery ajax transport for making binary data type requests.

 * @version 1.0 

 * @author Henry Algus <henryalgus@gmail.com>

 *

 */

// use this transport for "binary" data type

$.ajaxTransport("+binary", function(options, originalOptions, jqXHR) {

    // check for conditions and support for blob / arraybuffer response type

    if (window.FormData && ((options.dataType && (options.dataType == 'binary')) || (options.data && ((window.ArrayBuffer && options.data instanceof ArrayBuffer) || (window.Blob && options.data instanceof Blob))))) {

        return {

            // create new XMLHttpRequest

            send: function(headers, callback) {

                // setup all variables

                var xhr = new XMLHttpRequest(),

                    url = options.url,

                    type = options.type,

                    async = options.async || true,

                    // blob or arraybuffer. Default is blob

                    dataType = options.responseType || "blob",

                    data = options.data || null,

                    username = options.username || null,

                    password = options.password || null;



                xhr.addEventListener('load', function() {

                    var data = {};

                    data[options.dataType] = xhr.response;

                    // make callback and send data

                    callback(xhr.status, xhr.statusText, data, xhr.getAllResponseHeaders());

                });



                xhr.open(type, url, async, username, password);



                // setup custom headers

                for (var i in headers) {

                    xhr.setRequestHeader(i, headers[i]);

                }



                xhr.responseType = dataType;

                xhr.send(data);

            },

            abort: function() {

                jqXHR.abort();

            }

        };

    }

}); 

Afterward, you can simply replace values of filename, bucketKey and YOUR_ACCESS_TOKEN to yours to download files on the website directly. However, it could be very unsafe, please see the comment here

$(function() {



  $('a#download').click(function(event) {

    event.preventDefault();



    const filename = 'hose.rvt';

    const bucketKey = 'adn-test';



    const settings = {

      crossDomain: true,

      url: 'https://developer.api.autodesk.com/oss/v2/buckets/' + bucketKey + ' /objects/' + filename,

      method: 'GET',

      dataType: 'binary',

      processData: false,

      headers: {

        Authorization: 'Bearer YOUR_ACCESS_TOKEN',

        Content-Type: 'application/octet-stream'

      }

    };



    $.ajax(settings).done(function (blob, textStatus, jqXHR) {

        console.log(blob );

        console.log(textStatus);



      if( navigator.msSaveBlob )

        return navigator.msSaveBlob(blob, filename);



      const url = URL.createObjectURL(blob);

      const a = document.createElement('a');

      a.style = 'display: none';

      document.body.appendChild(a);



      a.href = url;

      a.download = filename;

      a.click();

      URL.revokeObjectURL(url);

    });

  });

})