大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要讲解了基于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处理二进制图片流过程的代码详解有进一步的了解,如果还想学习更多内容,欢迎关注创新互联行业资讯频道。