首页 > Web开发 > 详细

webworker

时间:2017-08-16 21:23:33      阅读:323      评论:0      收藏:0      [点我收藏+]

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

  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‘);

 

webworker

原文:http://www.cnblogs.com/liangfc/p/7375580.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!