当前位置:首页 > Windows程序 > 正文

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

2021-03-20 Windows程序

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

温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/64319.html