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 相关文章推荐
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 Javascript
调用DOM对象的focus使文本框获得焦点
Feb 19 Javascript
JS阻止用户多次提交示例代码
Mar 26 Javascript
AngularJS 2.0入门权威指南
Oct 08 Javascript
Bootstrap树形菜单插件TreeView.js使用方法详解
Nov 01 Javascript
js实现九宫格拼图小游戏
Feb 13 Javascript
angular4自定义组件详解
Sep 28 Javascript
jQuery实现点击下拉框中的值累加到文本框中的方法示例
Oct 28 jQuery
element中的$confirm的使用
Apr 26 Javascript
easyUI使用分页过滤器对数据进行分页操作实例分析
Jun 01 Javascript
jQuery中event.target和this的区别详解
Aug 13 jQuery
Javascript中的奇葩知识,你知道吗?
Jan 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连mysql和oracle数据库性能比较
2006/10/09 PHP
PHP实现抓取迅雷VIP账号的方法
2015/07/30 PHP
PHP7.0安装笔记整理
2015/08/28 PHP
Laravel 5.4重新登录实现跳转到登录前页面的原理和方法
2017/07/13 PHP
PHP运用foreach神奇的转换数组(实例讲解)
2018/02/01 PHP
PHP CURL实现模拟登陆并上传文件操作示例
2020/01/02 PHP
javascript 对象定义方法 简单易学
2009/03/22 Javascript
jQuery对象和DOM对象相互转化
2009/04/24 Javascript
JavaScript Event事件学习第一章 Event介绍
2010/02/07 Javascript
javascript单引号和双引号的区别和处理
2014/05/14 Javascript
实现前后端数据交互方法汇总
2015/04/07 Javascript
Javascript实现计算个人所得税
2015/05/10 Javascript
JavaScript实现阿拉伯数字和中文数字互相转换
2016/06/12 Javascript
JavaScript与JQUERY获取元素的宽、高和位置
2017/02/26 Javascript
Bootstrap学习笔记之进度条、媒体对象实例详解
2017/03/09 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
2017/05/01 jQuery
js原生实现移动端手指滑动轮播图效果的示例
2018/01/02 Javascript
Hexo已经看腻了,来手把手教你使用VuePress搭建个人博客
2018/04/26 Javascript
微信小程序实现滴滴导航tab切换效果
2018/07/24 Javascript
利用标准库fractions模块让Python支持分数类型的方法详解
2017/08/11 Python
用Python写脚本,实现完全备份和增量备份的示例
2018/04/29 Python
python爬虫之模拟登陆csdn的实例代码
2018/05/18 Python
Python 20行简单实现有道在线翻译的详解
2019/05/15 Python
django用户登录验证的完整示例代码
2019/07/21 Python
浅析PyTorch中nn.Linear的使用
2019/08/18 Python
python网络爬虫 CrawlSpider使用详解
2019/09/27 Python
python二进制读写及特殊码同步实现详解
2019/10/11 Python
python利用faker库批量生成测试数据
2020/10/15 Python
使用CSS3制作版头动画效果
2020/12/24 HTML / CSS
Nordgreen台湾官网:极简北欧设计手表
2019/08/21 全球购物
网络教育毕业生自我鉴定
2013/10/10 职场文书
十八大闭幕感言
2014/01/22 职场文书
会计专业自荐书
2014/07/08 职场文书
民主生活会汇报材料
2014/12/15 职场文书
Java如何实现树的同构?
2021/06/22 Java/Android
centos8安装MongoDB的详细过程
2021/10/24 MongoDB