webworker

Posted 2020-10-03 追忆枉然

一般情况下，网页只能显示服务器上的图片；

  html5中，可以实现用户拖拽一张本地的图片显示在服务器端下载的网页中。

  container.ondrop = function(e){

      var f0 = e.dataTransfer.files[0]; 

       var reader = new FileReader();

       reader.readAsDataURL(f0);

       reader.onload = function(){

              ///读取完成，数据在reader.result中

       }

  }

---

 

HTML5中提供的用于文件输入输出(I/O)的对象：

File：代表一个文件/目录对象

FileList：代表一个文件列表（类数组对象）

FileReader：用于从文件中读取内容

FileWriter：用于向向文件写出内容

---

 

UI主线程可以给Worker线程传递数据——发消息：     

 

  UI线程：

 

       var w = new Worker(‘x.js‘);

 

       w.postMessage(‘StringMsg‘);

 

  Worker线程：

 

       onmessage = function(e){  //e.data  //UI主线程发来的消息数据        }

 

Worker线程可以给UI主线程传递数据——发消息：

 

  UI主线程：

 

       var w = new Worker(‘x.js‘);

 

       w.onmessage = function(e){  //e.data //Worker线程发来的消息数据 }

 

  Worker线程：

 

       .....

 

       postMessage(‘StringMsg‘);