<!DOCTYPE html>
<html>
<head>
<title>Jimp browser example 3</title>
</head>
<body>
<!-- Demonstrates loading a local file using Jimp on a WebWorker thread -->
<p><input type="file" onchange="newFiles(this);" /></p>
<script>
function newFiles(element){
for (var i=0; i<element.files.length; i++) {
readFileAndProcess(element.files[i]);
}
function readFileAndProcess(readfile){
var reader = new FileReader();
reader.addEventListener("load", function(){
var worker = new Worker("jimp-worker.js");
worker.onmessage = function (e) {
var img = document.createElement("img");
img.setAttribute("src", e.data);
document.body.appendChild(img);
};
worker.postMessage(this.result);
});
reader.readAsArrayBuffer(readfile);
}
}
</script>
</body>
</html>