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 this 深入理解
Jul 30 Javascript
javascript实现上传图片并预览的效果实现代码
Apr 11 Javascript
setInterval,setTimeout与jquery混用的问题
Apr 08 Javascript
12种不宜使用的Javascript语法整理
Nov 04 Javascript
瀑布流布局代码一例
Apr 11 Javascript
浅谈javascript 归并方法
Jan 21 Javascript
jQuery判断多个input file 都不能为空的例子
Jun 23 Javascript
解决LayUI表单获取不到data的问题
Aug 20 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 Javascript
layui监听单元格编辑前后交互的例子
Sep 16 Javascript
vue实现计步器功能
Nov 01 Javascript
JavaScript实现tab栏切换效果
Mar 16 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版(3)
2006/10/09 PHP
用PHP编写和读取XML的几种方式
2013/01/12 PHP
php_screw 1.5:php加密: 安装与使用详解
2013/06/20 PHP
PHP中批量生成静态html(命令行下运行PHP)
2014/04/19 PHP
php中使用array_filter()函数过滤空数组的实现代码
2014/08/19 PHP
PHP多维数组遍历方法(2种实现方法)
2015/12/10 PHP
php简单的上传类分享
2016/05/15 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
基于MooTools的很有创意的滚动条时钟动画
2010/11/14 Javascript
javascript获取当前日期时间及其它操作函数
2011/01/11 Javascript
jquery中ajax学习笔记4
2011/10/16 Javascript
jQuery层次选择器选择元素使用介绍
2013/04/18 Javascript
js 获取radio按钮值的实例
2013/08/17 Javascript
使用JavaScript修改浏览器URL地址栏的实现代码
2013/10/21 Javascript
浅谈javascript 函数内部属性
2015/01/21 Javascript
JS+CSS实现简易的滑动门效果代码
2015/09/24 Javascript
JS实现的在线调色板实例(附demo源码下载)
2016/03/01 Javascript
JavaScript获取ul中li个数的方法
2017/02/13 Javascript
json.stringify()与json.parse()的区别以及用处
2021/01/25 Javascript
[07:55]2014DOTA2 TI正赛第三日 VG上演推进荣耀DKEG告别
2014/07/21 DOTA
关于python的list相关知识(推荐)
2017/08/30 Python
python opencv之分水岭算法示例
2018/02/24 Python
六行python代码的爱心曲线详解
2019/05/17 Python
python如何从文件读取数据及解析
2019/09/19 Python
python list数据等间隔抽取并新建list存储的例子
2019/11/27 Python
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
武汉东之林科技有限公司机试
2013/09/17 面试题
幼师自荐信
2013/10/26 职场文书
大学社团活动策划书
2014/01/26 职场文书
永远跟党走演讲稿
2014/09/12 职场文书
运动会稿件100字
2014/09/24 职场文书
公司承诺函范文
2015/01/21 职场文书
幸福终点站观后感
2015/06/04 职场文书
如何计划开一家便利店?
2019/07/31 职场文书
Python入门学习之类的相关知识总结
2021/05/25 Python