基于javascript处理二进制图片流过程详解
更新时间：2020年06月08日 09:56:27 作者：绝对密位
这篇文章主要介绍了基于javascript处理二进制图片流过程详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
今天学习怎么生成二维码，我习惯所有请求都用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将当前日期或指定日期转时间戳超详细,通过实例代码介绍了JS时间戳转换方式，需要的朋友可以参考下2023-05-05
这篇文章主要为大家介绍了JavaScript设计模式中的责任链模式，对JavaScript设计模式感兴趣的小伙伴们可以参考一下2016-01-01
这篇文章主要介绍了JS 使用for循环配合数组遍历子节点查找元素，经测试，效果不错，需要的朋友可以看看2014-09-09
这篇文章主要介绍了如何在JavaScript中谨慎使用代码注释，必要的注释可以阐明实现细节和设计意图，以此节约自己和别人的时间。 然而很多时候注释起的作用却适得其反，,需要的朋友可以参考下2019-06-06
这篇文章主要为大家详细介绍了微信小程序中根据字母选择城市的相关方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
图片横向滚动效果，大家可能都已经很熟悉了，本文为大家介绍下使用js实现横向滚动效果，喜欢的朋友可以参考下，希望对大家有所帮助2013-09-09
这篇文章主要介绍了JS伪继承prototype实现方法,结合实例形式对比分析了基于prototype实现模拟继承的相关操作技巧,需要的朋友可以参考下2018-06-06
这篇文章主要介绍了关于微信小程序授权登陆及每次检查是否授权,本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-09-09
这篇文章主要介绍了javascript如何读写本地sqlite数据库问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
下面小编就为大家带来一篇老生常谈Javascript中的原型和this指针。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-10-10
最新评论