码迷,mamicode.com
首页 > Windows程序 > 详细

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

时间:2016-04-30 23:39:24      阅读:1082      评论:0      收藏:0      [点我收藏+]

标签:

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则提供了高效、双向的流机制,而且同时支持二进制和文件数据。

 

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

标签:

原文地址:http://www.cnblogs.com/liuyinlei/p/5449652.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!