jquery控制顯示服務器生成的圖片流
更新時間：2015年08月04日 15:04:28 作者：qianzhongxiang
這篇文章主要介紹了jquery控制顯示服務器生成的圖片流,需要的朋友可以參考下
首先把圖片路徑作為參數，ajax異步傳到后臺方法中上傳服務器，直接用Jquery傳是不行的，它沒有權力跟服務器打交道，具體內容不廢話了，直接看下文，介紹的很詳細。
首先給大家展示下效果圖：
<
首先是第一副是初始的頁面，第二副是點擊submit之后服務端生成的二維碼，沒有保存圖片直接將圖片流轉成字符串返回到頁面。
簡介：
首先，這種生成二維碼方式，而且不需要保存的情況可以在前端使用腳本來實現，那我在項目里也是這樣做的。
然后js好像是不能接受服務端的文件流進行操作的，出于安全考慮。如果這種方式是可以的話，請告訴我，謝謝。
既然不能獲取文件流，那就獲取字符串，<img>標簽又有一種特殊的用法，在src中這般寫法 data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABId……………. 后面一長串是圖片的字符串，然后就是代碼，寫法很容易。
服務端：
public ActionResult GetFileASCII(string content)
{
System.IO.MemoryStream ms=new System.IO.MemoryStream();
//這一步是獲取二維碼
QRCodeHelper.GetQRCode(content, ms);
return Content(Convert.ToBase64String(ms.GetBuffer()));
}
客戶端：
$.get('url/*服務端地址*/', { content: 'http://blog.sina.com.cn/s/blog_50042fab0100mcuy.html/*要生成二維碼的內容*/' }, function (data) {
$('#testimg').attr('src', 'data:image/png;base64,' + data);
});
總結：
代碼很簡單，不僅是二維碼，然而不需要保存的圖片就可以這樣做，像'data:image/png;base64, 也可在服務端生成。
以上內容就是本文的全部內容，希望對大家有所幫助。
相關文章
這篇文章主要為大家詳細介紹了jQuery+ThinkPHP實現圖片上傳，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-07-07
下面小編就為大家?guī)硪黄猨query獲取復選框checkbox的值的簡單實現方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
本篇文章主要是對JQuery中使用Ajax賦值給全局變量異常的解決方法進行了詳細的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
這篇文章主要介紹了調用新浪API獲取短網址的方法有很多，本例為大家介紹下使用JQuery與Ajax來實現，需要的朋友可以參考下2014-02-02
工程中加入jquery.xx.js文件，發(fā)現該文件出現錯誤提示（紅×），但使用Eclipse 3.7以前的版本就不會出現這種提示，下面有個不錯的解決方法，大家可以參考下2014-01-01
下面小編就為大家?guī)硪黄猨Query效果函數。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦2016-09-09
這篇文章主要介紹了關于jquery layui彈出層的使用方法,需要的朋友可以參考下2018-04-04
jquery插件canvaspercent.js實現百分比圓餅效果
這篇文章主要為大家詳細介紹了jquery插件canvaspercent.js實現百分比圓餅效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
自制一個簡潔的tabs插件還是有必要的在設計之前，先整理好思路，實現tabs，自動輪換，ajax等主要功能，然后是dom的排列形式，這里采用傳統(tǒng)的2010-07-07
除了購買電影票在線選座，我們還接觸過飛機機艙選座，隨著科技的發(fā)展，之后火車、汽車都會支持在線選座，下面給大家分享基于jQuery實現在線選座之高鐵版，需要的朋友可以參考下2015-08-08