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 异步调用框架 (Part 6 - 实例 &amp; 模式)
Aug 04 Javascript
js创建对象的几种常用方式小结(推荐)
Oct 24 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
Nov 13 Javascript
jQuery添加/改变/移除CSS类及判断是否已经存在CSS
Aug 20 Javascript
js设置和获取自定义属性的方法
Oct 20 Javascript
Angular.js去除页面中显示的空行方法示例
Mar 30 Javascript
详解用函数式编程对JavaScript进行断舍离
Sep 18 Javascript
vue集成chart.js的实现方法
Aug 20 Javascript
ES6中let、const的区别及变量的解构赋值操作方法实例分析
Oct 15 Javascript
详解Vue 项目中的几个实用组件(ts)
Oct 29 Javascript
vue 实现通过vuex 存储值 在不同界面使用
Nov 11 Javascript
谈谈JavaScript中的垃圾回收机制
Sep 17 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
mysql 的 like 问题,超强毕杀记!!!
2007/01/18 PHP
Yii框架获取当前controlle和action对应id的方法
2014/12/03 PHP
推荐5款跨平台的PHP编辑器
2014/12/25 PHP
Yii框架批量插入数据扩展类的简单实现方法
2017/05/23 PHP
从新浪弄下来的全屏广告代码 与使用说明
2007/03/15 Javascript
jquery实现隐藏与显示动画效果/输入框字符动态递减/导航按钮切换
2013/07/01 Javascript
JavaScript省市联动实现代码
2014/02/15 Javascript
jQuery+HTML5实现手机摇一摇换衣特效
2015/06/05 Javascript
用AngularJS来实现监察表单按钮的禁用效果
2016/11/02 Javascript
js 公式编辑器 - 自定义匹配规则 - 带提示下拉框 - 动态获取光标像素坐标
2018/01/04 Javascript
微信小程序与后台PHP交互的方法实例分析
2018/12/10 Javascript
javascript实现日历效果
2019/06/17 Javascript
微信小程序组件传值图示过程详解
2019/07/31 Javascript
解决Layui 表格自适应高度的问题
2019/11/15 Javascript
javascript实现简单搜索功能
2020/03/26 Javascript
vue登录页实现使用cookie记住7天密码功能的方法
2021/02/18 Vue.js
[46:20]CHAOS vs Alliacne 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[01:14:41]DOTA2-DPC中国联赛定级赛 iG vs Magma BO3第一场 1月8日
2021/03/11 DOTA
python算法学习之桶排序算法实例(分块排序)
2013/12/18 Python
python网络编程学习笔记(六):Web客户端访问
2014/06/09 Python
基于Python实现的扫雷游戏实例代码
2014/08/01 Python
批处理与python代码混合编程的方法
2016/05/19 Python
python 采集中文乱码问题的完美解决方法
2016/09/27 Python
浅谈Python类的__getitem__和__setitem__特殊方法
2016/12/25 Python
Python实现的爬虫刷回复功能示例
2018/06/07 Python
使用HTML5 IndexDB存储图像和文件的示例
2018/11/05 HTML / CSS
自荐书模板
2013/12/15 职场文书
士力架广告词
2014/03/20 职场文书
企业精细化管理实施方案
2014/03/23 职场文书
工作作风懒散检讨书
2014/10/29 职场文书
小学四年级学生评语
2014/12/26 职场文书
2015年安全生产月活动总结
2015/03/26 职场文书
社区敬老月活动总结
2015/05/07 职场文书
2015年酒店服务员工作总结
2015/05/18 职场文书
Nginx 过滤静态资源文件的访问日志的实现
2021/03/31 Servers
十大好看的穿越动漫排名:《瑞克和莫蒂》第一,国漫《有药》在榜
2022/03/18 日漫