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 相关文章推荐
关于Ext中form移除textfield方法:hide(),setVisible(false),remove()
Dec 02 Javascript
javascript创建和存储cookie示例
Jan 07 Javascript
js的hasownproperty使用示例
Mar 02 Javascript
ActiveX控件与Javascript之间的交互示例
Jun 04 Javascript
javascritp添加url参数将参数加入到url中
Sep 25 Javascript
js性能优化技巧
Nov 29 Javascript
JS不完全国际化&amp;本地化手册 之 理论篇
Sep 27 Javascript
JS实现点击表头表格自动排序(含数字、字符串、日期)
Jan 22 Javascript
Angular中自定义Debounce Click指令防止重复点击
Jul 26 Javascript
详解vue填坑之解决部分浏览器不支持pushState方法
Jul 12 Javascript
jQuery实现图片随机切换、抽奖功能(实例代码)
Oct 23 jQuery
JS实现点击下拉列表文本框中出现对应的网址,点击跳转按钮实现跳转
Nov 25 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
PHP文件缓存内容保存格式实例分析
2014/08/20 PHP
thinkphp中memcache的用法实例
2014/11/29 PHP
php基于websocket搭建简易聊天室实践
2016/10/24 PHP
php中10个不同等级压缩优化图片操作示例
2016/11/14 PHP
JavaScript方法和技巧大全
2006/12/27 Javascript
完整显示当前日期和时间的JS代码
2007/09/17 Javascript
javascript两段代码,两个小技巧
2010/02/04 Javascript
jQuery 表单验证扩展代码(一)
2010/10/11 Javascript
用js+iframe形成页面的一种遮罩效果的具体实现
2013/12/31 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
JS折半插入排序算法实例
2015/12/02 Javascript
Javascript数组Array基础介绍
2016/03/13 Javascript
JS实现队列与堆栈的方法
2016/04/21 Javascript
headjs实现网站并行加载但顺序执行JS
2016/11/29 Javascript
Bootstrap table表格简单操作
2017/02/07 Javascript
ES6新特性之数组、Math和扩展操作符用法示例
2017/04/01 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
2017/09/05 Javascript
详解vue中axios的封装
2018/07/18 Javascript
webpack4.0 入门实践教程
2018/10/08 Javascript
详解Vue中watch的详细用法
2018/11/28 Javascript
微信小程序跨页面传递data数据方法解析
2019/12/13 Javascript
[43:24]VG vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/20 DOTA
在Python的Flask框架中使用日期和时间的教程
2015/04/21 Python
Windows下python2.7.8安装图文教程
2016/05/26 Python
基于python3 pyQt5 QtDesignner实现窗口化猜数字游戏功能
2019/07/15 Python
Python 元组操作总结
2019/09/18 Python
pytorch 状态字典:state_dict使用详解
2020/01/17 Python
Python JSON编解码方式原理详解
2020/01/20 Python
python统计mysql数据量变化并调用接口告警的示例代码
2020/09/21 Python
解决Pycharm 运行后没有输出的问题
2021/02/05 Python
美国著名首饰网站:BaubleBar
2016/08/29 全球购物
旅游与环境专业求职信
2014/06/05 职场文书
新学期红领巾广播稿
2014/10/04 职场文书
2014年督导工作总结
2014/11/19 职场文书
党员考试作弊检讨书1000字
2015/02/16 职场文书
法律意见书范本
2015/06/04 职场文书