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里使用Dom操作Xml
Jan 22 Javascript
jquery实现手机发送验证码的倒计时代码
Feb 12 Javascript
jquery.validate使用详解
Jun 02 Javascript
有关文件上传 非ajax提交 得到后台数据问题
Oct 12 Javascript
微信小程序实现全国机场索引列表
Jan 31 Javascript
Vue项目中跨域问题解决方案
Jun 05 Javascript
微信小程序网络封装(简单高效)
Aug 06 Javascript
Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法
Aug 09 jQuery
zepto.js 实时监听输入框的方法
Dec 04 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
Dec 10 Javascript
jQuery实现动态生成年月日级联下拉列表示例
May 11 jQuery
在vue中配置不同的代理同时访问不同的后台操作
Sep 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
php项目打包方法
2008/02/18 PHP
php数组函数序列之asort() - 对数组的元素值进行升序排序,保持索引关系
2011/11/02 PHP
php实现统计网站在线人数的方法
2015/05/12 PHP
php基于session实现数据库交互的类实例
2015/08/03 PHP
PHP数组函数知识汇总
2016/05/12 PHP
javascript十六进制及二进制转化的方法
2015/05/06 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
javascript事件冒泡简单示例
2016/06/20 Javascript
Angular JS数据的双向绑定详解及实例
2016/12/31 Javascript
JSON与js对象序列化实例详解
2017/03/16 Javascript
详解如何使用Vue2做服务端渲染
2017/03/29 Javascript
微信小程序城市选择及搜索功能的方法
2019/03/22 Javascript
VUE.js实现动态设置输入框disabled属性
2019/10/28 Javascript
vue使用recorder.js实现录音功能
2019/11/22 Javascript
vue使用微信扫一扫功能的实现代码
2020/04/11 Javascript
VUE实时监听元素距离顶部高度的操作
2020/07/29 Javascript
Python中不同进制的语法及转换方法分析
2016/07/27 Python
python 使用get_argument获取url query参数
2017/04/28 Python
python统计中文字符数量的两种方法
2019/01/31 Python
python实现根据给定坐标点生成多边形mask的例子
2020/02/18 Python
python GUI库图形界面开发之PyQt5计数器控件QSpinBox详细使用方法与实例
2020/02/28 Python
完美解决ARIMA模型中plot_acf画不出图的问题
2020/06/04 Python
一款纯css3制作的2015年元旦雪人动画特效教程
2014/12/29 HTML / CSS
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
新加坡网上化妆品店:Best Buy World
2018/05/18 全球购物
台湾最大银发乐活百货:乐龄网
2018/05/21 全球购物
阿迪达斯希腊官方网上商店:adidas希腊
2019/04/06 全球购物
物业门卫岗位职责
2013/12/28 职场文书
小学生元旦感言
2014/02/26 职场文书
员工保密承诺书
2014/05/28 职场文书
广场舞大赛策划方案
2014/05/31 职场文书
2014年九一八事变演讲稿
2014/09/14 职场文书
学校法制宣传日活动总结
2014/11/01 职场文书
2016小学教师读书心得体会
2016/01/13 职场文书
MySQL EXPLAIN输出列的详细解释
2021/05/12 MySQL
sql字段解析器的实现示例
2021/06/23 SQL Server