35 lines
1.1 KiB
HTML
35 lines
1.1 KiB
HTML
|
<!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>
|