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 相关文章推荐
jquery CSS选择器笔记
Mar 29 Javascript
javascript动画浅析
Aug 30 Javascript
枚举的实现求得1-1000所有出现1的数字并计算出现1的个数
Sep 10 Javascript
jQuery实现预加载图片的方法
Mar 17 Javascript
js由下向上不断上升冒气泡效果实例
May 07 Javascript
原生JS实现跑马灯效果
Feb 20 Javascript
JavaScript标准对象_动力节点Java学院整理
Jun 27 Javascript
Angular4实现图片上传预览路径不安全的问题解决
Dec 25 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
Aug 19 Javascript
详解如何使用nvm管理Node.js多版本
May 06 Javascript
js实现GIF动图分解成多帧图片上传
Oct 24 Javascript
JavaScript实现简单计算器功能
Dec 19 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
解决163/sohu/sina不能够收到PHP MAIL函数发出邮件的问题
2009/03/13 PHP
PHP dirname功能及原理实例解析
2020/10/28 PHP
jQuery+PHP实现可编辑表格字段内容并实时保存
2015/10/09 Javascript
jQuery.trim() 函数及trim()用法详解
2015/10/26 Javascript
javascript html5 canvas实现可拖动省份的中国地图
2016/03/11 Javascript
AngularJS中的DOM操作用法分析
2016/11/04 Javascript
AngularJS中指令的四种基本形式实例分析
2016/11/22 Javascript
微信小程序 详解下拉加载与上拉刷新实现方法
2017/01/13 Javascript
canvas实现图片根据滑块放大缩小效果
2017/02/24 Javascript
基于jQuery实现图片推拉门动画效果的两种方法
2017/08/26 jQuery
VueJs使用Amaze ui调整列表和内容页面
2017/11/30 Javascript
jQuery实现增删改查
2020/12/22 jQuery
vue.js watch经常失效的场景与解决方案
2021/01/07 Vue.js
Python-基础-入门 简介
2014/08/09 Python
python网络编程之数据传输UDP实例分析
2015/05/20 Python
Python实现批量修改文件名实例
2015/07/08 Python
Django卸载之后重新安装的方法
2017/03/15 Python
Python 私有函数的实例详解
2017/09/11 Python
python版飞机大战代码分享
2018/11/20 Python
Python使用folium excel绘制point
2019/01/03 Python
Python3 安装PyQt5及exe打包图文教程
2019/01/08 Python
python redis 删除key脚本的实例
2019/02/19 Python
VPS CENTOS 上配置python,mysql,nginx,uwsgi,django的方法详解
2019/07/01 Python
python 使用plt画图,去除图片四周的白边方法
2019/07/09 Python
python脚本实现mp4中的音频提取并保存在原目录
2020/02/27 Python
Python 去除字符串中指定字符串
2020/03/05 Python
PyQt实现计数器的方法示例
2021/01/18 Python
html5 postMessage解决跨域、跨窗口消息传递方案
2016/12/20 HTML / CSS
Free People中国官网:波西米亚风格女装服饰
2016/08/30 全球购物
英国高级健康和美容产品零售商:Life and Looks
2019/08/01 全球购物
数控技校生自我鉴定
2014/04/19 职场文书
法定代表人身份证明书
2014/09/10 职场文书
小石潭记导游词
2015/02/03 职场文书
幼儿园科学课教学反思
2016/03/03 职场文书
详解Python类和对象内容
2021/06/22 Python
vue修饰符.capture和.self的区别
2022/04/22 Vue.js