jquery控制显示服务器生成的图片流

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了jquery控制显示服务器生成的图片流，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1296字，纯文字阅读大概需要2分钟。

内容图文

首先把图片路径作为参数，ajax异步传到后台方法中上传服务器，直接用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, 也可在服务端生成。

以上内容就是本文的全部内容，希望对大家有所帮助。

内容总结

以上是互联网集市为您收集整理的jquery控制显示服务器生成的图片流全部内容，希望文章能够帮你解决jquery控制显示服务器生成的图片流所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端