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

 更新时间:2020-06-14 00:01:16   作者:佚名   我要评论(0)

今天学习怎么生成二维码,我习惯所有请求都用ajax完成
但是今天发现jquery的ajax不支持二进制,只能搞纯文本
于是百度之后手动实现这一功能


function getBinary(u

今天学习怎么生成二维码,我习惯所有请求都用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));
    })
}

我这里是显示二维码

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

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

  • JS字符串与二进制的相互转化实例代码详解
  • JavaScript读写二进制数据的方法详解
  • js操作二进制数据方法
  • 详解nodeJS之二进制buffer对象
  • JavaScript读二进制文件并用ajax传输二进制流的方法
  • JavaScript前端开发之实现二进制读写操作
  • Node.js中使用Buffer编码、解码二进制数据详解
  • js 显示base64编码的二进制流网页图片

相关文章

  • 基于javascript处理二进制图片流过程详解

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

    今天学习怎么生成二维码,我习惯所有请求都用ajax完成 但是今天发现jquery的ajax不支持二进制,只能搞纯文本 于是百度之后手动实现这一功能 function getBinary(u
    2020-06-14

最新评论