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 相关文章推荐
Javascript Function对象扩展之延时执行函数
Jul 06 Javascript
25个好玩的JavaScript小游戏分享
Apr 22 Javascript
iframe父页面获取子页面参数的方法
Feb 21 Javascript
JavaScript实现网页对象拖放功能的方法
Apr 15 Javascript
jQuery模拟完美实现经典FLASH导航动画效果【附demo源码下载】
Nov 09 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
Apr 17 jQuery
JavaScript实现的数字与字符串转换功能示例
Aug 23 Javascript
解决ie img标签内存泄漏的问题
Oct 13 Javascript
ActiveX控件的使用-js实现打印超市小票功能代码详解
Nov 22 Javascript
原生js检测页面加载完毕的实例
Sep 11 Javascript
Node.js设置定时任务之node-schedule模块的使用详解
Apr 28 Javascript
JavaScript前端开发时数值运算的小技巧
Jul 28 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中的函数嵌套层数限制分析
2011/06/13 PHP
配置Nginx+PHP的正确思路与过程
2016/05/10 PHP
JavaScript Array扩展实现代码
2009/10/14 Javascript
location.href 在IE6中不跳转的解决方法与推荐使用代码
2010/07/08 Javascript
intro.js 页面引导简单用法 分享
2013/08/06 Javascript
JS 实现导航栏悬停效果(续2)
2013/09/24 Javascript
js获取select默认选中的Option并不是当前选中值
2014/05/07 Javascript
js加减乘除丢失精度问题解决方法
2014/05/16 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
2014/10/22 Javascript
详解JavaScript的回调函数
2015/11/20 Javascript
轻松学习jQuery插件EasyUI EasyUI实现拖动基本操作
2015/11/30 Javascript
jQuery 利用$.ajax 时获取原生XMLHttpRequest 对象的方法
2016/08/25 Javascript
js实现简单的碰壁反弹效果
2016/08/30 Javascript
JS获取多维数组中相同键的值实现方法示例
2017/01/06 Javascript
js生成随机数方法和实例
2017/01/17 Javascript
探索webpack模块及webpack3新特性
2017/09/18 Javascript
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
Python用GET方法上传文件
2015/03/10 Python
Python入门_浅谈数据结构的4种基本类型
2017/05/16 Python
python绘制双柱形图代码实例
2017/12/14 Python
Windows平台Python编程必会模块之pywin32介绍
2019/10/01 Python
Python实现读取并写入Excel文件过程解析
2020/05/27 Python
FC-Moto美国:欧洲最大的摩托车服装和头盔商店之一
2019/08/24 全球购物
泰国在线书店:SE-ED
2020/06/21 全球购物
大学三年的自我评价
2013/12/25 职场文书
学期自我评价
2014/01/27 职场文书
小学国庆节活动方案
2014/02/11 职场文书
工业设计毕业生自荐信
2014/04/13 职场文书
机械设备与数控技术专业求职信
2014/08/10 职场文书
假期安全教育广播稿
2014/10/04 职场文书
法学专业求职信范文
2015/03/19 职场文书
2015年教师节主持词
2015/07/03 职场文书
选调生挂职锻炼工作总结
2015/10/23 职场文书
浅谈如何提高PHP代码质量之单元测试
2021/05/28 PHP
使用JS实现简易计算器
2021/06/14 Javascript
实操Python爬取觅知网素材图片示例
2021/11/27 Python