jquery控制顯示服務(wù)器生成的圖片流

更新時間：2015年08月04日 15:04:28 作者：qianzhongxiang

這篇文章主要介紹了jquery控制顯示服務(wù)器生成的圖片流,需要的朋友可以參考下

首先把圖片路徑作為參數(shù)，ajax異步傳到后臺方法中上傳服務(wù)器，直接用Jquery傳是不行的，它沒有權(quán)力跟服務(wù)器打交道，具體內(nèi)容不廢話了，直接看下文，介紹的很詳細(xì)。

首先給大家展示下效果圖：

<

首先是第一副是初始的頁面，第二副是點擊submit之后服務(wù)端生成的二維碼，沒有保存圖片直接將圖片流轉(zhuǎn)成字符串返回到頁面。

簡介：
首先，這種生成二維碼方式，而且不需要保存的情況可以在前端使用腳本來實現(xiàn)，那我在項目里也是這樣做的。

然后js好像是不能接受服務(wù)端的文件流進(jìn)行操作的，出于安全考慮。如果這種方式是可以的話，請告訴我，謝謝。

既然不能獲取文件流，那就獲取字符串，<img>標(biāo)簽又有一種特殊的用法，在src中這般寫法 data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABId……………. 后面一長串是圖片的字符串，然后就是代碼，寫法很容易。

服務(wù)端：

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/*服務(wù)端地址*/', { content: 'http://blog.sina.com.cn/s/blog_50042fab0100mcuy.html/*要生成二維碼的內(nèi)容*/' }, function (data) {
  $('#testimg').attr('src', 'data:image/png;base64,' + data);
});

總結(jié)：
代碼很簡單，不僅是二維碼，然而不需要保存的圖片就可以這樣做，像'data:image/png;base64, 也可在服務(wù)端生成。

以上內(nèi)容就是本文的全部內(nèi)容，希望對大家有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery:unbind方法的使用詳解
這篇文章主要介紹了jQuery:unbind方法的使用詳解的相關(guān)資料,unbind方法只能解綁用jQuery的bind方法以及用jquery方法注冊的事件處理程序，需要的朋友可以參考下
2017-08-08
jQuery自定義圖片上傳插件實例代碼
這篇文章給大家介紹了jquery自定義圖片上傳插件的實例代碼，非常不錯，具有參考借鑒價值，需要的朋友一起看看吧
2017-04-04
JS在IE下缺少標(biāo)識符的錯誤
今天在使用一個jQuery的插件時，發(fā)現(xiàn)在IE下總報錯，但在Firefox下就很正常，所報的錯誤就是：缺少標(biāo)識符！
2014-07-07
jQuery實現(xiàn)別踩白塊兒網(wǎng)頁版小游戲
本文主要介紹了jQuery實現(xiàn)別踩白塊兒網(wǎng)頁版小游戲的思路分析與代碼。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
詳解有關(guān)easyUI的拖動操作中droppable，draggable用法例子
本篇文章主要介紹了有關(guān)easyUI的拖動操作中droppable，draggable用法例子，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-06-06
jQuery在IE下使用未閉合的xml代碼創(chuàng)建元素時的Bug介紹
這個偏門Bug是我在更新phZoom 1.29后發(fā)現(xiàn)的, 我先將之重現(xiàn)一下
2012-01-01
自定義一個jquery插件[鼠標(biāo)懸浮時候出現(xiàn)說明label]
自定義一個jquery插件，一個簡單的jquery.js,入門的jquery插件，jquery入門實例,jquery helloworld。
2011-06-06
jQuery UI Autocomplete 1.8.16 中文輸入修正代碼
jQuery UI Autocomplete 1.8.16 中文輸入修正代碼，使用jQuery UI Autocomplete的朋友可以參考下
2012-04-04
js判斷復(fù)選框是否選中的方法示例【基于jQuery】
這篇文章主要介紹了js判斷復(fù)選框是否選中的方法,結(jié)合實例形式分析了基于jQuery實現(xiàn)的復(fù)選框選中判斷相關(guān)操作技巧,需要的朋友可以參考下
2019-10-10
基于jquery的跨域調(diào)用文件
利用jquery.getScript()跨域調(diào)用文件，具體說這個文件可以是什么類型還有待于進(jìn)一步跟進(jìn)。
2010-11-11