1234567891011121314151617181920212223242526272829303132333435 |
- <!DOCTYPE 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>
|