欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時間：2015年08月04日 15:04:28   作者：qianzhongxiang  
這篇文章主要介紹了jquery控制顯示服務(wù)器生成的圖片流,需要的朋友可以參考下

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

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

image

image<

首先是第一副是初始的頁面，第二副是點擊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+ThinkPHP實現(xiàn)圖片上傳

    jQuery+ThinkPHP實現(xiàn)圖片上傳

    這篇文章主要為大家詳細(xì)介紹了jQuery+ThinkPHP實現(xiàn)圖片上傳，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2020-07-07
  • jquery獲取復(fù)選框checkbox的值的簡單實現(xiàn)方法

    jquery獲取復(fù)選框checkbox的值的簡單實現(xiàn)方法

    下面小編就為大家?guī)硪黄猨query獲取復(fù)選框checkbox的值的簡單實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-05-05
  • JQuery中使用Ajax賦值給全局變量異常的解決方法

    JQuery中使用Ajax賦值給全局變量異常的解決方法

    本篇文章主要是對JQuery中使用Ajax賦值給全局變量異常的解決方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助
    2014-01-01
  • JQuery與Ajax調(diào)用新浪API獲取短網(wǎng)址的代碼

    JQuery與Ajax調(diào)用新浪API獲取短網(wǎng)址的代碼

    這篇文章主要介紹了調(diào)用新浪API獲取短網(wǎng)址的方法有很多，本例為大家介紹下使用JQuery與Ajax來實現(xiàn)，需要的朋友可以參考下
    2014-02-02
  • Eclipse下jQuery文件報錯出現(xiàn)錯誤提示紅叉

    Eclipse下jQuery文件報錯出現(xiàn)錯誤提示紅叉

    工程中加入jquery.xx.js文件，發(fā)現(xiàn)該文件出現(xiàn)錯誤提示（紅×），但使用Eclipse 3.7以前的版本就不會出現(xiàn)這種提示，下面有個不錯的解決方法，大家可以參考下
    2014-01-01
  • 淺談jQuery效果函數(shù)

    淺談jQuery效果函數(shù)

    下面小編就為大家?guī)硪黄猨Query效果函數(shù)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧，祝大家游戲愉快哦
    2016-09-09
  • 關(guān)于jquery layui彈出層的使用方法

    關(guān)于jquery layui彈出層的使用方法

    這篇文章主要介紹了關(guān)于jquery layui彈出層的使用方法,需要的朋友可以參考下
    2018-04-04
  • jquery插件canvaspercent.js實現(xiàn)百分比圓餅效果

    jquery插件canvaspercent.js實現(xiàn)百分比圓餅效果

    這篇文章主要為大家詳細(xì)介紹了jquery插件canvaspercent.js實現(xiàn)百分比圓餅效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2017-07-07
  • 一步一步制作jquery插件Tabs實現(xiàn)過程

    一步一步制作jquery插件Tabs實現(xiàn)過程

    自制一個簡潔的tabs插件還是有必要的在設(shè)計之前，先整理好思路，實現(xiàn)tabs，自動輪換，ajax等主要功能，然后是dom的排列形式，這里采用傳統(tǒng)的
    2010-07-07
  • 基于jQuery實現(xiàn)在線選座之高鐵版

    基于jQuery實現(xiàn)在線選座之高鐵版

    除了購買電影票在線選座，我們還接觸過飛機(jī)機(jī)艙選座，隨著科技的發(fā)展，之后火車、汽車都會支持在線選座，下面給大家分享基于jQuery實現(xiàn)在線選座之高鐵版，需要的朋友可以參考下
    2015-08-08

最新評論