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之旅 对象的原型链之由来
Aug 25 Javascript
javascript面向对象之二 命名空间
Feb 08 Javascript
jQuery实现 注册时选择阅读条款 左右移动
Apr 11 Javascript
jQuery获得IE版本不准确webbrowser的解决方法
Feb 23 Javascript
JavaScript判断文件上传类型的方法
Sep 02 Javascript
41个Web开发者必须收藏的JavaScript实用技巧
Jul 22 Javascript
微信小程序 增、删、改、查操作实例详解
Jan 13 Javascript
使用jQuery ajaxupload插件实现无刷新上传文件
Apr 23 jQuery
详谈js原型继承的一些问题
Sep 06 Javascript
Vue2.x通用编辑组件的封装及应用详解
May 28 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
Feb 27 Javascript
Javascript中async与await的捕捉错误详解
Mar 03 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数据库用户认证系统代码
2007/03/22 PHP
使用PHP实现Mysql读写分离
2013/06/28 PHP
php生成4位数字验证码的实现代码
2015/11/23 PHP
WordPress中邮件的一些修改和自定义技巧
2015/12/15 PHP
yii实现使用CUploadedFile上传文件的方法
2015/12/28 PHP
TP3.2批量上传文件或图片 同名冲突问题的解决方法
2017/08/01 PHP
Laravel框架下载,安装及路由操作图文详解
2019/12/04 PHP
Jquery ui css framework
2010/06/28 Javascript
解决window.opener=null;window.close(),只支持IE6不支持IE7,IE8的问题
2014/01/14 Javascript
button没写type=button会导致点击时提交
2014/03/06 Javascript
JavaScript的9种继承实现方式归纳
2015/05/18 Javascript
基于jquery实现的树形菜单效果代码
2015/09/06 Javascript
jQuery采用连缀写法实现的折叠菜单效果
2015/09/18 Javascript
详解JavaScript基于面向对象之创建对象(1)
2015/12/10 Javascript
JavaScript实现多栏目切换效果
2016/12/12 Javascript
js实现tab选项卡切换功能
2017/01/13 Javascript
javascript回调函数详解
2018/02/06 Javascript
vue 简单自动补全的输入框的示例
2018/03/12 Javascript
在create-react-app中使用sass的方法示例
2018/10/01 Javascript
Vue 表情包输入组件的实现代码
2019/01/21 Javascript
javascript 内存模型实例详解
2020/04/18 Javascript
vue中解决微信html5原生ios虚拟键返回不刷新问题
2020/10/20 Javascript
npm全局环境变量配置详解
2020/12/15 Javascript
Python遍历目录中的所有文件的方法
2016/07/08 Python
python模块简介之有序字典(OrderedDict)
2016/12/01 Python
python实现文字版扫雷
2020/04/24 Python
使用已经得到的keras模型识别自己手写的数字方式
2020/06/29 Python
python自动从arxiv下载paper的示例代码
2020/12/05 Python
HTML5地理定位实例
2014/10/15 HTML / CSS
美国购买当代和现代家具网站:MODTEMPO
2018/07/20 全球购物
写给老师的表扬信
2014/01/21 职场文书
校园标语大全
2014/06/19 职场文书
离职证明标准格式
2014/09/15 职场文书
喝酒驾驶检讨书
2014/10/01 职场文书
2015年师德师风自我评价范文
2015/03/05 职场文书
雷锋的观后感
2015/06/10 职场文书