example3.html 1.1 KB

1234567891011121314151617181920212223242526272829303132333435
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Jimp browser example 3</title>
  5. </head>
  6. <body>
  7. <h1> Demonstrates loading a local file using Jimp on a WebWorker thread </h1>
  8. <p><input type="file" onchange="newFiles(this);" /></p>
  9. <script>
  10. function newFiles(element){
  11. for (var i=0; i<element.files.length; i++) {
  12. readFileAndProcess(element.files[i]);
  13. }
  14. function readFileAndProcess(readfile){
  15. var reader = new FileReader();
  16. reader.addEventListener("load", function(){
  17. var worker = new Worker("jimp-worker.js");
  18. worker.onmessage = function (e) {
  19. var img = document.createElement("img");
  20. img.setAttribute("src", e.data);
  21. document.body.appendChild(img);
  22. };
  23. worker.postMessage(this.result);
  24. });
  25. reader.readAsArrayBuffer(readfile);
  26. }
  27. }
  28. </script>
  29. </body>
  30. </html>