js显示服务器路径下的图片,JS处理文件流（如果是图片，显示在当前页面）

用ajax请求图片资源，服务器以文件流的形式返回。

1、返回类型需要设置为“blob”，所以需要用原生ajax，不能使用jq(原因：jquery将返回的数据转换为了string，不支持blob类型)(当然，你也可以引入组件拓展jq的能力，我知道的有一个：jquery-ajax-blob-arraybuffer.js)；

2、使用FileReader将文件流转换成base64格式；

3.1、然后通过模拟点击a标签下载该文件；

3.2、或者可以设置在img元素的src属性上，在当前页面显示出来。

3.1代码：

var xhr = new XMLHttpRequest();

xhr.open('GET', url, true); // 也可以使用POST方式，根据接口

xhr.responseType = "blob"; // 返回类型blob

// 定义请求完成的处理函数，请求前也可以增加加载框/禁用下载按钮逻辑

xhr.onload = function () {

// 请求完成

if (this.status === 200) {

// 返回200

var blob = this.response;

var reader = new FileReader();

reader.readAsDataURL(blob); // 转换为base64，可以直接放入a表情href

reader.onload = function (e) {