通过XHR  API来下载和上传图片

时间:2016-04-30 23:39:24   收藏:0   阅读:1082

1.不用HTML中的img标签来下载图片,通过XHR  api来下载图片:

 1 var xhr = new XMLHttpRequest();
 2         xhr.open(‘GET‘,‘/img/tooth-intro.jpg‘);
 3         xhr.responseType = ‘blob‘;   //二进制文件
 4         xhr.onload = function(){
 5             if(this.status === 200){
 6                 var img = document.createElement(‘img‘);
 7                 img.src = window.URL.createObjectURL(this.response);
 8                 img.onload = function(){
 9                     //图片加载完,释放一个URL资源。
10                     window.URL.revokeObjectURL(this.src);
11                 }
12                 document.body.appendChild(img);
13             }
14         }
15         xhr.send();

2. 不需要通过表单来上传文件和图片。

3.HXR满足不了流式数据的传输,但是还是有其他的办法,而且还是专门为流式数据处理和设计的。 

  Server-Sent Events提供方便的流API,用于从服务器向客户端发送文本数据,

  而WebSocket则提供了高效、双向的流机制,而且同时支持二进制和文件数据。

 

评论(0
© 2014 mamicode.com 版权所有 京ICP备13008772号-2  联系我们:gaon5@hotmail.com
迷上了代码!