nolanlawson · August 29, 2015 14:07
diff --git a/chopsticks.gif b/chopsticks.gif
diff --git a/gifs.txt b/gifs.txt
 test 'em
diff --git a/index.html b/index.html
 <html>
 <body>
  <h1>Load a bunch of images into PouchDB</h1>
  <script src="pouchdb.js"></script>
  <script src="index.js"></script>
 </body>
 </html>
diff --git a/index.js b/index.js
 document.addEventListener('DOMContentLoaded', function () {
  'use strict';
  
  var db;
  
  function createBlob(parts, properties) {
    parts = parts || [];
    properties = properties || {};
    try {
      return new Blob(parts, properties);
    } catch (e) {
      if (e.name !== "TypeError") {
        throw e;
      }
      var BlobBuilder = window.BlobBuilder ||
        window.MSBlobBuilder ||
        window.MozBlobBuilder ||
        window.WebKitBlobBuilder;
      var builder = new BlobBuilder();
      for (var i = 0; i < parts.length; i += 1) {
        builder.append(parts[i]);
      }
      return builder.getBlob(properties.type);
    }
  }
  
  function onGetBlob(imageSrc, blob) {
    db.putAttachment(imageSrc, imageSrc, null, blob, blob.type).then(function () {
      return db.getAttachment(imageSrc, imageSrc);
    }).then(function (blob) {
      var blobUrl = (window.URL || window.webkitURL).createObjectURL(blob);
      var img = new Image();
      img.src = blobUrl;
      document.body.appendChild(img);
    });
  }

  function loadImages() {
    var images = ['licking.gif', 'swagger.gif', 'suspicion.gif', 'chopsticks.gif',  'koffing.gif'];

    images.forEach(function (src) {
      
      var img = new Image();
      img.onload = function () {

        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function () {
          if (xhr.readyState === 4) {
            var type = xhr.getResponseHeader('content-type');
            // convert from arraybuffer to blob
            var blob = createBlob([xhr.response || ''], {
              type: type
            });
            onGetBlob(src, blob);
          }
        };
        xhr.open('GET', src, true);
        xhr.responseType = 'arraybuffer'; // 'blob' is not supported in Android <4.4
        xhr.send();
      }
      img.src = src;
      document.body.appendChild(img);
    })
  }
  
  new PouchDB('images', {adapter: 'websql'}).destroy().then(function () {
    db = new PouchDB('images', {adapter: 'websql'});
    loadImages();
  });
 });
diff --git a/koffing.gif b/koffing.gif
diff --git a/licking.gif b/licking.gif
diff --git a/pouchdb.js b/pouchdb.js
diff --git a/suspicion.gif b/suspicion.gif
diff --git a/swagger.gif b/swagger.gif
diff --git a/woot.txt b/woot.txt
	<html>
	<body>
	<h1>Load a bunch of images into PouchDB</h1>
	<script src="pouchdb.js"></script>
	<script src="index.js"></script>
	</body>
	</html>
	document.addEventListener('DOMContentLoaded', function () {
	'use strict';

	var db;

	function createBlob(parts, properties) {
	parts = parts \|\| [];
	properties = properties \|\| {};
	try {
	return new Blob(parts, properties);
	} catch (e) {
	if (e.name !== "TypeError") {
	throw e;
	}
	var BlobBuilder = window.BlobBuilder \|\|
	window.MSBlobBuilder \|\|
	window.MozBlobBuilder \|\|
	window.WebKitBlobBuilder;
	var builder = new BlobBuilder();
	for (var i = 0; i < parts.length; i += 1) {
	builder.append(parts[i]);
	}
	return builder.getBlob(properties.type);
	}
	}

	function onGetBlob(imageSrc, blob) {
	db.putAttachment(imageSrc, imageSrc, null, blob, blob.type).then(function () {
	return db.getAttachment(imageSrc, imageSrc);
	}).then(function (blob) {
	var blobUrl = (window.URL \|\| window.webkitURL).createObjectURL(blob);
	var img = new Image();
	img.src = blobUrl;
	document.body.appendChild(img);
	});
	}

	function loadImages() {
	var images = ['licking.gif', 'swagger.gif', 'suspicion.gif', 'chopsticks.gif', 'koffing.gif'];

	images.forEach(function (src) {

	var img = new Image();
	img.onload = function () {

	var xhr = new XMLHttpRequest();
	xhr.onreadystatechange = function () {
	if (xhr.readyState === 4) {
	var type = xhr.getResponseHeader('content-type');
	// convert from arraybuffer to blob
	var blob = createBlob([xhr.response \|\| ''], {
	type: type
	});
	onGetBlob(src, blob);
	}
	};
	xhr.open('GET', src, true);
	xhr.responseType = 'arraybuffer'; // 'blob' is not supported in Android <4.4
	xhr.send();
	}
	img.src = src;
	document.body.appendChild(img);
	})
	}

	new PouchDB('images', {adapter: 'websql'}).destroy().then(function () {
	db = new PouchDB('images', {adapter: 'websql'});
	loadImages();
	});
	});