(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.blobUtil = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o element; its readystatechange event will be fired asynchronously once it is inserted // into the document. Do so, thus queuing up the task. Remember to clean up once it's been called. var scriptEl = global.document.createElement('script'); scriptEl.onreadystatechange = function () { nextTick(); scriptEl.onreadystatechange = null; scriptEl.parentNode.removeChild(scriptEl); scriptEl = null; }; global.document.documentElement.appendChild(scriptEl); }; } else { scheduleDrain = function () { setTimeout(nextTick, 0); }; } } var draining; var queue = []; //named nextTick for less confusing stack traces function nextTick() { draining = true; var i, oldQueue; var len = queue.length; while (len) { oldQueue = queue; queue = []; i = -1; while (++i < len) { oldQueue[i](); } len = queue.length; } draining = false; } module.exports = immediate; function immediate(task) { if (queue.push(task) === 1 && !draining) { scheduleDrain(); } } }).call(this,typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : {}) },{}],3:[function(_dereq_,module,exports){ 'use strict'; var immediate = _dereq_(2); /* istanbul ignore next */ function INTERNAL() {} var handlers = {}; var REJECTED = ['REJECTED']; var FULFILLED = ['FULFILLED']; var PENDING = ['PENDING']; module.exports = Promise; function Promise(resolver) { if (typeof resolver !== 'function') { throw new TypeError('resolver must be a function'); } this.state = PENDING; this.queue = []; this.outcome = void 0; if (resolver !== INTERNAL) { safelyResolveThenable(this, resolver); } } Promise.prototype["catch"] = function (onRejected) { return this.then(null, onRejected); }; Promise.prototype.then = function (onFulfilled, onRejected) { if (typeof onFulfilled !== 'function' && this.state === FULFILLED || typeof onRejected !== 'function' && this.state === REJECTED) { return this; } var promise = new this.constructor(INTERNAL); if (this.state !== PENDING) { var resolver = this.state === FULFILLED ? onFulfilled : onRejected; unwrap(promise, resolver, this.outcome); } else { this.queue.push(new QueueItem(promise, onFulfilled, onRejected)); } return promise; }; function QueueItem(promise, onFulfilled, onRejected) { this.promise = promise; if (typeof onFulfilled === 'function') { this.onFulfilled = onFulfilled; this.callFulfilled = this.otherCallFulfilled; } if (typeof onRejected === 'function') { this.onRejected = onRejected; this.callRejected = this.otherCallRejected; } } QueueItem.prototype.callFulfilled = function (value) { handlers.resolve(this.promise, value); }; QueueItem.prototype.otherCallFulfilled = function (value) { unwrap(this.promise, this.onFulfilled, value); }; QueueItem.prototype.callRejected = function (value) { handlers.reject(this.promise, value); }; QueueItem.prototype.otherCallRejected = function (value) { unwrap(this.promise, this.onRejected, value); }; function unwrap(promise, func, value) { immediate(function () { var returnValue; try { returnValue = func(value); } catch (e) { return handlers.reject(promise, e); } if (returnValue === promise) { handlers.reject(promise, new TypeError('Cannot resolve promise with itself')); } else { handlers.resolve(promise, returnValue); } }); } handlers.resolve = function (self, value) { var result = tryCatch(getThen, value); if (result.status === 'error') { return handlers.reject(self, result.value); } var thenable = result.value; if (thenable) { safelyResolveThenable(self, thenable); } else { self.state = FULFILLED; self.outcome = value; var i = -1; var len = self.queue.length; while (++i < len) { self.queue[i].callFulfilled(value); } } return self; }; handlers.reject = function (self, error) { self.state = REJECTED; self.outcome = error; var i = -1; var len = self.queue.length; while (++i < len) { self.queue[i].callRejected(error); } return self; }; function getThen(obj) { // Make sure we only access the accessor once as required by the spec var then = obj && obj.then; if (obj && (typeof obj === 'object' || typeof obj === 'function') && typeof then === 'function') { return function appyThen() { then.apply(obj, arguments); }; } } function safelyResolveThenable(self, thenable) { // Either fulfill, reject or reject with error var called = false; function onError(value) { if (called) { return; } called = true; handlers.reject(self, value); } function onSuccess(value) { if (called) { return; } called = true; handlers.resolve(self, value); } function tryToUnwrap() { thenable(onSuccess, onError); } var result = tryCatch(tryToUnwrap); if (result.status === 'error') { onError(result.value); } } function tryCatch(func, value) { var out = {}; try { out.value = func(value); out.status = 'success'; } catch (e) { out.status = 'error'; out.value = e; } return out; } Promise.resolve = resolve; function resolve(value) { if (value instanceof this) { return value; } return handlers.resolve(new this(INTERNAL), value); } Promise.reject = reject; function reject(reason) { var promise = new this(INTERNAL); return handlers.reject(promise, reason); } Promise.all = all; function all(iterable) { var self = this; if (Object.prototype.toString.call(iterable) !== '[object Array]') { return this.reject(new TypeError('must be an array')); } var len = iterable.length; var called = false; if (!len) { return this.resolve([]); } var values = new Array(len); var resolved = 0; var i = -1; var promise = new this(INTERNAL); while (++i < len) { allResolver(iterable[i], i); } return promise; function allResolver(value, i) { self.resolve(value).then(resolveFromAll, function (error) { if (!called) { called = true; handlers.reject(promise, error); } }); function resolveFromAll(outValue) { values[i] = outValue; if (++resolved === len && !called) { called = true; handlers.resolve(promise, values); } } } } Promise.race = race; function race(iterable) { var self = this; if (Object.prototype.toString.call(iterable) !== '[object Array]') { return this.reject(new TypeError('must be an array')); } var len = iterable.length; var called = false; if (!len) { return this.resolve([]); } var i = -1; var promise = new this(INTERNAL); while (++i < len) { resolver(iterable[i]); } return promise; function resolver(value) { self.resolve(value).then(function (response) { if (!called) { called = true; handlers.resolve(promise, response); } }, function (error) { if (!called) { called = true; handlers.reject(promise, error); } }); } } },{"2":2}],4:[function(_dereq_,module,exports){ module.exports = typeof Promise === 'function' ? Promise : _dereq_(3); },{"3":3}],5:[function(_dereq_,module,exports){ 'use strict'; /* jshint -W079 */ var Blob = _dereq_(1); var Promise = _dereq_(4); // // PRIVATE // // From http://stackoverflow.com/questions/14967647/ (continues on next line) // encode-decode-image-with-base64-breaks-image (2013-04-21) function binaryStringToArrayBuffer(binary) { var length = binary.length; var buf = new ArrayBuffer(length); var arr = new Uint8Array(buf); var i = -1; while (++i < length) { arr[i] = binary.charCodeAt(i); } return buf; } // Can't find original post, but this is close // http://stackoverflow.com/questions/6965107/ (continues on next line) // converting-between-strings-and-arraybuffers function arrayBufferToBinaryString(buffer) { var binary = ''; var bytes = new Uint8Array(buffer); var length = bytes.byteLength; var i = -1; while (++i < length) { binary += String.fromCharCode(bytes[i]); } return binary; } // doesn't download the image more than once, because // browsers aren't dumb. uses the cache function loadImage(src, crossOrigin) { return new Promise(function (resolve, reject) { var img = new Image(); if (crossOrigin) { img.crossOrigin = crossOrigin; } img.onload = function () { resolve(img); }; img.onerror = reject; img.src = src; }); } function imgToCanvas(img) { var canvas = document.createElement('canvas'); canvas.width = img.width; canvas.height = img.height; // copy the image contents to the canvas var context = canvas.getContext('2d'); context.drawImage( img, 0, 0, img.width, img.height, 0, 0, img.width, img.height); return canvas; } // // PUBLIC // /** * Shim for * [new Blob()]{@link https://developer.mozilla.org/en-US/docs/Web/API/Blob.Blob} * to support * [older browsers that use the deprecated BlobBuilder API]{@link http://caniuse.com/blob}. * * @param {Array} parts - content of the Blob * @param {Object} options - usually just {type: myContentType} * @returns {Blob} */ function createBlob(parts, options) { options = options || {}; if (typeof options === 'string') { options = {type: options}; // do you a solid here } return new Blob(parts, options); } /** * Shim for * [URL.createObjectURL()]{@link https://developer.mozilla.org/en-US/docs/Web/API/URL.createObjectURL} * to support browsers that only have the prefixed * webkitURL (e.g. Android <4.4). * @param {Blob} blob * @returns {string} url */ function createObjectURL(blob) { return (window.URL || window.webkitURL).createObjectURL(blob); } /** * Shim for * [URL.revokeObjectURL()]{@link https://developer.mozilla.org/en-US/docs/Web/API/URL.revokeObjectURL} * to support browsers that only have the prefixed * webkitURL (e.g. Android <4.4). * @param {string} url */ function revokeObjectURL(url) { return (window.URL || window.webkitURL).revokeObjectURL(url); } /** * Convert a Blob to a binary string. Returns a Promise. * * @param {Blob} blob * @returns {Promise} Promise that resolves with the binary string */ function blobToBinaryString(blob) { return new Promise(function (resolve, reject) { var reader = new FileReader(); var hasBinaryString = typeof reader.readAsBinaryString === 'function'; reader.onloadend = function (e) { var result = e.target.result || ''; if (hasBinaryString) { return resolve(result); } resolve(arrayBufferToBinaryString(result)); }; reader.onerror = reject; if (hasBinaryString) { reader.readAsBinaryString(blob); } else { reader.readAsArrayBuffer(blob); } }); } /** * Convert a base64-encoded string to a Blob. Returns a Promise. * @param {string} base64 * @param {string|undefined} type - the content type (optional) * @returns {Promise} Promise that resolves with the Blob */ function base64StringToBlob(base64, type) { return Promise.resolve().then(function () { var parts = [binaryStringToArrayBuffer(atob(base64))]; return type ? createBlob(parts, {type: type}) : createBlob(parts); }); } /** * Convert a binary string to a Blob. Returns a Promise. * @param {string} binary * @param {string|undefined} type - the content type (optional) * @returns {Promise} Promise that resolves with the Blob */ function binaryStringToBlob(binary, type) { return Promise.resolve().then(function () { return base64StringToBlob(btoa(binary), type); }); } /** * Convert a Blob to a binary string. Returns a Promise. * @param {Blob} blob * @returns {Promise} Promise that resolves with the binary string */ function blobToBase64String(blob) { return blobToBinaryString(blob).then(function (binary) { return btoa(binary); }); } /** * Convert a data URL string * (e.g. 'data:image/png;base64,iVBORw0KG...') * to a Blob. Returns a Promise. * @param {string} dataURL * @returns {Promise} Promise that resolves with the Blob */ function dataURLToBlob(dataURL) { return Promise.resolve().then(function () { var type = dataURL.match(/data:([^;]+)/)[1]; var base64 = dataURL.replace(/^[^,]+,/, ''); var buff = binaryStringToArrayBuffer(atob(base64)); return createBlob([buff], {type: type}); }); } /** * Convert a Blob to a data URL string * (e.g. 'data:image/png;base64,iVBORw0KG...'). * Returns a Promise. * @param {Blob} blob * @returns {Promise} Promise that resolves with the data URL string */ function blobToDataURL(blob) { return blobToBase64String(blob).then(function (base64String) { return 'data:' + blob.type + ';base64,' + base64String; }); } /** * Convert an image's src URL to a data URL by loading the image and painting * it to a canvas. Returns a Promise. * *

Note: this will coerce the image to the desired content type, and it * will only paint the first frame of an animated GIF. * * @param {string} src * @param {string|undefined} type - the content type (optional, defaults to 'image/png') * @param {string|undefined} crossOrigin - for CORS-enabled images, set this to * 'Anonymous' to avoid "tainted canvas" errors * @param {number|undefined} quality - a number between 0 and 1 indicating image quality * if the requested type is 'image/jpeg' or 'image/webp' * @returns {Promise} Promise that resolves with the data URL string */ function imgSrcToDataURL(src, type, crossOrigin, quality) { type = type || 'image/png'; return loadImage(src, crossOrigin).then(function (img) { return imgToCanvas(img); }).then(function (canvas) { return canvas.toDataURL(type, quality); }); } /** * Convert a canvas to a Blob. Returns a Promise. * @param {string} canvas * @param {string|undefined} type - the content type (optional, defaults to 'image/png') * @param {number|undefined} quality - a number between 0 and 1 indicating image quality * if the requested type is 'image/jpeg' or 'image/webp' * @returns {Promise} Promise that resolves with the Blob */ function canvasToBlob(canvas, type, quality) { return Promise.resolve().then(function () { if (typeof canvas.toBlob === 'function') { return new Promise(function (resolve) { canvas.toBlob(resolve, type, quality); }); } return dataURLToBlob(canvas.toDataURL(type, quality)); }); } /** * Convert an image's src URL to a Blob by loading the image and painting * it to a canvas. Returns a Promise. * *

Note: this will coerce the image to the desired content type, and it * will only paint the first frame of an animated GIF. * * @param {string} src * @param {string|undefined} type - the content type (optional, defaults to 'image/png') * @param {string|undefined} crossOrigin - for CORS-enabled images, set this to * 'Anonymous' to avoid "tainted canvas" errors * @param {number|undefined} quality - a number between 0 and 1 indicating image quality * if the requested type is 'image/jpeg' or 'image/webp' * @returns {Promise} Promise that resolves with the Blob */ function imgSrcToBlob(src, type, crossOrigin, quality) { type = type || 'image/png'; return loadImage(src, crossOrigin).then(function (img) { return imgToCanvas(img); }).then(function (canvas) { return canvasToBlob(canvas, type, quality); }); } /** * Convert an ArrayBuffer to a Blob. Returns a Promise. * * @param {ArrayBuffer} buffer * @param {string|undefined} type - the content type (optional) * @returns {Promise} Promise that resolves with the Blob */ function arrayBufferToBlob(buffer, type) { return Promise.resolve().then(function () { return createBlob([buffer], type); }); } /** * Convert a Blob to an ArrayBuffer. Returns a Promise. * @param {Blob} blob * @returns {Promise} Promise that resolves with the ArrayBuffer */ function blobToArrayBuffer(blob) { return new Promise(function (resolve, reject) { var reader = new FileReader(); reader.onloadend = function (e) { var result = e.target.result || new ArrayBuffer(0); resolve(result); }; reader.onerror = reject; reader.readAsArrayBuffer(blob); }); } module.exports = { createBlob : createBlob, createObjectURL : createObjectURL, revokeObjectURL : revokeObjectURL, imgSrcToBlob : imgSrcToBlob, imgSrcToDataURL : imgSrcToDataURL, canvasToBlob : canvasToBlob, dataURLToBlob : dataURLToBlob, blobToDataURL : blobToDataURL, blobToBase64String : blobToBase64String, base64StringToBlob : base64StringToBlob, binaryStringToBlob : binaryStringToBlob, blobToBinaryString : blobToBinaryString, arrayBufferToBlob : arrayBufferToBlob, blobToArrayBuffer : blobToArrayBuffer }; },{"1":1,"4":4}]},{},[5])(5) });