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实现的鼠标链接提示效果生成器代码
Jun 28 Javascript
js或css文件后面跟参数的原因说明
Jan 09 Javascript
jQuery侧边栏随窗口滚动实现方法
Mar 04 Javascript
JS验证身份证有效性示例
Oct 11 Javascript
JS 获取滚动条高度示例代码
Oct 24 Javascript
关于Bootstrap弹出框无法调用问题的解决办法
Mar 10 Javascript
从零开始学习Node.js系列教程之设置HTTP头的方法示例
Apr 13 Javascript
AngularJS实现的根据数量与单价计算总价功能示例
Dec 26 Javascript
vue实现动态列表点击各行换色的方法
Sep 13 Javascript
十分钟教你上手ES2020新特性
Feb 12 Javascript
JS实现简单移动端鼠标拖拽
Jul 23 Javascript
element-plus一个vue3.xUI框架(element-ui的3.x 版初体验)
Dec 02 Vue.js
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 $_FILES函数详解
2011/03/09 PHP
Yii实现单用户博客系统文章详情页插入评论表单的方法
2015/12/28 PHP
php ucwords() 函数将字符串中每个单词的首字符转换为大写(实现代码)
2016/05/12 PHP
PHP微信支付结果通知与回调策略分析
2019/01/10 PHP
实例讲解JS中数组Array的操作方法
2014/05/09 Javascript
jquery delay()介绍及使用指南
2014/09/02 Javascript
Javascript基础教程之switch语句
2015/01/18 Javascript
巧用jQuery选择器提高写表单效率的方法
2016/08/19 Javascript
Jquery实现上下移动和排序代码
2016/10/17 Javascript
JavaScript中Array对象用法实例总结
2016/11/29 Javascript
JS异步加载的三种实现方式
2017/03/16 Javascript
vue组件(全局,局部,动态加载组件)
2018/09/02 Javascript
JS实现倒序输出的几种常用方法示例
2019/04/13 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
2020/02/15 Javascript
vue实现点击按钮“查看详情”弹窗展示详情列表操作
2020/09/09 Javascript
[46:47]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS NE
2014/05/22 DOTA
Python多线程threading和multiprocessing模块实例解析
2018/01/29 Python
Python将DataFrame的某一列作为index的方法
2018/04/08 Python
python如何爬取个性签名
2018/06/19 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
深入了解Python枚举类型的相关知识
2019/07/09 Python
在matplotlib中改变figure的布局和大小实例
2020/04/23 Python
在keras里实现自定义上采样层
2020/06/28 Python
python打开文件的方式有哪些
2020/06/29 Python
HTML5不支持标签和新增标签详解
2016/06/27 HTML / CSS
原生 JS+CSS+HTML 实现时序图的方法
2019/07/31 HTML / CSS
ziaja齐叶雅官方海外旗舰店:来自波兰的天然护肤品牌
2017/01/02 全球购物
公司门卫管理制度
2014/02/01 职场文书
南京市纪委监察局整改方案
2014/09/16 职场文书
村党建工作汇报材料
2014/11/02 职场文书
管理失职检讨书范文
2015/05/05 职场文书
2019年公司快递收发管理制度模板
2019/11/20 职场文书
golang 生成对应的数据表struct定义操作
2021/04/28 Golang
Python爬虫基础之爬虫的分类知识总结
2021/05/13 Python
Python爬虫网络请求之代理服务器和动态Cookies
2022/04/12 Python
Redis入门基础常用操作命令整理
2022/06/01 Redis