基于javascript處理二進制圖片流過程詳解
更新時間：2020年06月08日 09:56:27 作者：絕對密位
這篇文章主要介紹了基于javascript處理二進制圖片流過程詳解,文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
今天學(xué)習(xí)怎么生成二維碼，我習(xí)慣所有請求都用ajax完成
但是今天發(fā)現(xiàn)jquery的ajax不支持二進制，只能搞純文本
于是百度之后手動實現(xiàn)這一功能
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的問題 需要處理的在第一行搞就行
需要三個參數(shù)
地一個是請求url，第二個是請求參數(shù)，第三個是成功后的處理方法
請求參數(shù)用這樣的方式
{‘param1':1,'param2':2,'param3':3}
處理方法要接收一個參數(shù) 就是響應(yīng)的數(shù)據(jù) 也就是下圖的data
然后是調(diào)用
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));
})
}
我這里是顯示二維碼
第五行的代碼不能少 少了的話首次執(zhí)行該方法沒問題 再次執(zhí)行的話圖片不會改變 需要刷新頁面
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
縮略圖在網(wǎng)站中最常用的就是產(chǎn)品列表頁面，一行顯示幾張圖片，有的在圖片底下帶有標題、描述內(nèi)容、按鈕等信息。本文給大家介紹Bootstrap縮略圖組件與警示框組件，感興趣的朋友一起學(xué)習(xí)吧2016-04-04
這篇文章主要給大家介紹了使用JS如何制作簡單的ASCII圖與單極圖的相關(guān)資料，文中介紹的非常詳細，并在文末給出了詳細的示例代碼，相信對大家具有一定的參考價值，需要的朋友們下面來一起看看吧。2017-03-03
本篇文章主要介紹了webpack 打包壓縮js和css的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-03-03
本文給大家分享bootstrap輪播h tml代碼，代碼簡單易懂非常不錯，具有參考借鑒，需要的朋友參考下吧2016-12-12
RxJS中有四種不同類型的Subject，它們分別是Subject、BehaviorSubject、ReplaySubject和AsyncSubject，本文將介紹這四種Subject的用法、區(qū)別以及適用的應(yīng)用場景，并提供代碼示例,需要的朋友可以參考下2023-07-07
事件循環(huán)是?JavaScript?中一個非常重要的概念，下面就來看看瀏覽器和?Node.js?中的事件循環(huán)的原理，以及兩者之間的差異，感興趣的可以了解一下2022-10-10
說實話，加好友的太多了，怎么辦，想個批量的辦法吧2009-02-02
顧名思義,任務(wù)隊列就是存放任務(wù)的隊列,隊列中的任務(wù)都嚴格按照進入隊列的先后順序執(zhí)行,所以下面我們就來看看如何基于JS實現(xiàn)任務(wù)隊列吧2023-08-08
本篇文章主要是對js根據(jù)日期判斷星座的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
函數(shù)對象是javascript 中一個很特殊的對象，其特殊體現(xiàn)在他的多重身份上。2009-06-06