阿坝网站建设公司

基于javascript处理二进制图片流过程的代码详解

这篇文章主要讲解了基于javascript处理二进制图片流过程的代码详解，内容清晰明了，对此有兴趣的小伙伴可以学习一下，相信大家阅读完之后会有帮助。

创新互联专注为客户提供全方位的互联网综合服务，包含不限于做网站、成都网站制作、昌邑网络推广、小程序定制开发、昌邑网络营销、昌邑企业策划、昌邑品牌公关、搜索引擎seo、人物专访、企业宣传片、企业代运营等，从售前售中售后，我们都将竭诚为您服务，您的肯定，是我们最大的嘉奖；创新互联为所有大学生创业者提供昌邑建站搭建服务，24小时服务热线：028-86922220，官方网址：www.cdcxhl.com

今天学习怎么生成二维码，我习惯所有请求都用ajax完成

但是今天发现jquery的ajax不支持二进制，只能搞纯文本

于是百度之后手动实现这一功能

function getBinary(url, args, success) {
  var xmlhttp = new XMLHttpRequest();
  var data = eval(args);
  var i = 0;
  for (var key in data) {
    if (i++ === 0) {
      url += '?' + key + "=" + data[key];
    } else {
      url += '&' + key + "=" + data[key];
    }
  }
  xmlhttp.open("GET", url, true);
  xmlhttp.responseType = "blob";
  xmlhttp.onload = function () {
    success(this.response);
  };
  xmlhttp.send();
}

我没有处理不同浏览器的XHR的问题 需要处理的在第一行搞就行

需要三个参数

地一个是请求url，第二个是请求参数，第三个是成功后的处理方法

请求参数用这样的方式

{‘param1':1,'param2':2,'param3':3}

处理方法要接收一个参数 就是响应的数据 也就是下图的data

然后是调用

function submit() {
  getBinary("/request/qrCode", {'data': $('#str').val()},
    function (data) {
      var img = $('#qrcode');
      window.URL.revokeObjectURL(img.src);
      $('#qrcode').attr('src', window.URL.createObjectURL(data));
    })
}

我这里是显示二维码

第五行的代码不能少 少了的话首次执行该方法没问题 再次执行的话图片不会改变 需要刷新页面

看完上述内容，是不是对基于javascript处理二进制图片流过程的代码详解有进一步的了解，如果还想学习更多内容，欢迎关注创新互联行业资讯频道。


文章标题：基于javascript处理二进制图片流过程的代码详解
文章路径：http://abwzjs.com/article/jjchcj.html

其他资讯