jquery控制显示服务器生成的图片流


Posted in Javascript onAugust 04, 2015

首先把图片路径作为参数,ajax异步传到后台方法中上传服务器,直接用Jquery传是不行的,它没有权力跟服务器打交道,具体内容不废话了,直接看下文,介绍的很详细。

首先给大家展示下效果图:

jquery控制显示服务器生成的图片流

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, 也可在服务端生成。

以上内容就是本文的全部内容,希望对大家有所帮助。

Javascript 相关文章推荐
破解Session cookie的方法
Jul 28 Javascript
用JavaScript实现单继承和多继承的简单方法
Mar 29 Javascript
js取消单选按钮选中示例代码
Nov 14 Javascript
jquery实现根据浏览器窗口大小自动缩放图片的方法
Jul 17 Javascript
js实现商城星星评分的效果
Dec 29 Javascript
AngularJS模块学习之Anchor Scroll
Jan 19 Javascript
Bootstrap每天必学之附加导航(Affix)插件
Apr 25 Javascript
使用jquery实现的循环连续可停顿滚动实例
Nov 23 Javascript
vue-router的两种模式的区别
May 30 Javascript
Vue v-for循环之@click点击事件获取元素示例
Nov 09 Javascript
JavaScript进阶(三)闭包原理与用法详解
May 09 Javascript
微信小程序抽奖组件的使用步骤
Jan 11 Javascript
JavaScript实现LI列表数据绑定的方法
Aug 04 #Javascript
用js编写的简单的计算器代码程序
Aug 04 #Javascript
javascript记住用户名和登录密码(两种方式)
Aug 04 #Javascript
js实现简易的单数字随机抽奖(0-9)
Mar 19 #Javascript
JavaScript运动减速效果实例分析
Aug 04 #Javascript
JavaScript仿静态分页实现方法
Aug 04 #Javascript
JavaScript实现选择框按比例拖拉缩放的方法
Aug 04 #Javascript
You might like
微信公众平台之快递查询功能用法实例
2015/04/14 PHP
分享php多功能图片处理类
2016/05/15 PHP
利用PHP如何写APP接口详解
2016/08/23 PHP
PHP设计模式之装饰器(装饰者)模式(Decorator)入门与应用详解
2019/12/13 PHP
PHP设计模式之命令模式示例详解
2020/12/20 PHP
超级退弹代码
2008/07/07 Javascript
Mootools 1.2教程 同时进行多个形变动画
2009/09/15 Javascript
JavaScript实现的浮动层框架用法实例分析
2015/10/10 Javascript
js实现网页收藏功能
2015/12/17 Javascript
AngularJS使用angular.bootstrap完成模块手动加载的方法分析
2017/01/19 Javascript
jQuery EasyUI Draggable拖动组件
2017/03/01 Javascript
详解微信小程序 相对定位和绝对定位
2017/05/11 Javascript
vue.js 使用v-if v-else发现没有执行解决办法
2017/05/15 Javascript
用vue的双向绑定简单实现一个todo-list的示例代码
2017/08/03 Javascript
详解创建自定义的Angular Schematics
2018/06/06 Javascript
vue router 源码概览案例分析
2018/10/09 Javascript
vue实现点击按钮下载文件功能
2019/10/11 Javascript
[01:20]辉夜杯背景故事宣传片《辉夜传说》
2015/12/25 DOTA
[01:03:37]Secret vs VGJ.S Supermajor小组赛C组 BO3 第二场 6.3
2018/06/04 DOTA
python list中append()与extend()用法分享
2013/03/24 Python
python实现决策树C4.5算法详解(在ID3基础上改进)
2017/05/31 Python
go和python变量赋值遇到的一个问题
2017/08/31 Python
如何在python中判断变量的类型
2020/07/29 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
Python Selenium破解滑块验证码最新版(GEETEST95%以上通过率)
2021/01/29 Python
html5中地理位置定位api接口开发应用小结
2013/01/04 HTML / CSS
适合各种场合的美食礼品:Harry & David
2016/08/03 全球购物
Foot Locker意大利官网:全球领先的运动鞋和服装零售商
2017/05/30 全球购物
俄罗斯Sportmarket体育在线商店:用于旅游和户外活动
2019/11/12 全球购物
是否可以从一个static方法内部发出对非static方法的调用?
2014/08/18 面试题
会计专业自荐信
2014/06/03 职场文书
服务标语大全
2014/06/18 职场文书
婚育证明样本
2015/06/16 职场文书
读《钢铁是怎样炼成的》有感:百炼方成钢
2019/11/05 职场文书
详解MySQL中的pid与socket
2021/06/15 MySQL
Python Pandas pandas.read_sql函数实例用法
2021/06/21 Python