jimp
Version:
An image processing library written entirely in JavaScript (i.e. zero external or native dependencies)
32 lines (30 loc) • 961 B
HTML
<html>
<head>
<title>Jimp browser example 3</title>
</head>
<body>
<h1>Demonstrates loading a local file using Jimp on a WebWorker thread</h1>
<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>