Example for uploading an image from a canvas

[mkpazon]

I need help uploading an image from a canvas. Right now this is what I have.

   var imageDataURL = canvas.toDataURL();


    var b2 = new B2({
      accountId: B2_ACCOUNT_ID,
      applicationKey: B2_APPKEY
    });

    b2.authorize().then(function() {
      console.log(".authorize-DONE");
      return b2.getUploadUrl(B2_BUCKET_ID);
    }).then(function(response) {
      console.log(".uploadUrl:" + JSON.stringify(response));
      return b2.uploadFile({
        uploadUrl: response.uploadUrl,
        uploadAuthToken: response.authorizationToken,
        mime: 'image/png',
        filename: 'sample.png',
        data: imageDataURL    // You mentioned to use a Buffer but I am clueless how to do it. Example please.
      });
    }).then(function(response) {
      console.log(JSON.stringify(response));
    }).catch(function(error) {
      console.log("A problem has occurred:" + error.stack);
    });

[mkpazon]

Answering my own question:

    var imageDataURL = canvas.toDataURL();
    var byteString = imageDataURL.split(',')[1];
    var buf = new Buffer(byteString, 'base64');

    var b2 = new B2({
      accountId: B2_ACCOUNT_ID,
      applicationKey: B2_APPKEY
    });

    b2.authorize().then(function() {
      console.log(".authorize-DONE");
      return b2.getUploadUrl(B2_BUCKET_ID);
    }).then(function(response) {
      console.log(".uploadUrl:" + JSON.stringify(response));
      return b2.uploadFile({
        uploadUrl: response.uploadUrl,
        uploadAuthToken: response.authorizationToken,
        filename: 'sample2.png',
        data: buf
      });
    }).then(function(response) {
      console.log(JSON.stringify(response));
    }).catch(function(error) {
      console.log("A problem has occurred:" + error.stack);
    });

[ablankenship10]

Looks like this can be closed as its not an issue with the package and OP has provided a nice example of the process.

[yakovkhalinsky]

Yep thought I'd leave it open for a response 👍