jQuery的ajax下載blob檔案,jqueryajaxblob

來源:互聯網
上載者:User

jQuery的ajax下載blob檔案,jqueryajaxblob

乍一聽有點蒙,之前用ng和react時也寫過類似的功能,但是很順利(所以忘記具體細節了)。jquery為啥會不行呢?看了一下具體情境,發現原來jq的ajax回調已經把response的資料傻瓜式的以字串的方式解析了。

查了一下gg,發現國內的解決方案就是在該情境下不實用jq,而是自己手動建立XMLHttpRequest。雖然這個方法很可靠,但之前封裝的jq的ajax就不能使用了。

查了查jq的文檔,本打算自己根據jq提供的jQuery.ajaxSetup()介面來拓展資料類型,但怎麼都搞不定。後來,在github上找到了一個大牛封裝好的jq外掛程式。

然後我們就可以這麼寫了:

<!DOCTYPE html><html><head><meta charset="utf-8"><title>blob demo</title></head><body><img id="img" src="" /><script src="//cdn.bootcss.com/jquery/2.2.1/jquery.js" charset="utf-8"></script><script src="jquery-ajax-blob-arraybuffer.js"></script><script type="text/javascript">$.ajax({url: "./face.jpg",type: "get",dataType: "blob", //擴充出了blob類型}).done(function(data, status, jqXHR){var reader = new window.FileReader();reader.readAsDataURL(data);reader.onloadend = function() {document.getElementById("img").src=reader.result;}}).fail(function(jqXHR, textStatus) {console.warn(textStatus);});</script></body></html>

不過,從該外掛程式的源碼上來看,它也是手動構建了一個XMLHttpRequest對象來發送ajax,不過相容性可能會成為問題。想深究的可以看這裡。

以上所述是小編給大家介紹的jQuery的ajax下載blob檔案 ,希望對大家有所協助,如果大家有任何疑問請給我留言,小編會及時回複大家的。在此也非常感謝大家對幫客之家網站的支援!

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.