通过json传递图片(base64编码)
程序一:
后台代码:
public ActionResult Index()
{
FileStream fs = new FileStream("e:\\file\\psb.jpg", FileMode.Open);
byte[] t = StreamToBytes(fs);
ViewBag.str = Convert.ToBase64String(t);
return View();
}
public byte[] StreamToBytes(Stream stream)
{
byte[] bytes = new byte[stream.Length];
stream.Read(bytes, , bytes.Length);
// 设置当前流的位置为流的开始
stream.Seek(, SeekOrigin.Begin);
return bytes;
}
前台代码:
@{
ViewBag.Title = "Index";
}
<script src="~/gc-ui/js/gc-js/gc-js/jq_print/jquery-1.4.4.min.js"></script>
<script src="~/gc-ui/js/gc-js/gc-js/jq_json/jquery.json-2.4.min.js"></script>
<script>
$(function () {
var json = {
"MATERIALNAME": $("#MATERIALNAME").val(),
"REMARK": $("#REMARK").val(),
"IDRNTITYID": $("#IDRNTITYID").val(),
"AFFAIRID": $("#AFFAIRID").val(),
"BinaryImg":$("#BinaryImg").val()
}
$("#xc").val($.toJSON(json));
$("form").submit(function () {
alert();
});
});
</script>
<form method="post" action="xxx">
<input id="MATERIALNAME" value="sb" />
<input id="REMARK" value="sb" />
<input id="IDRNTITYID" value="70" />
<input id="AFFAIRID" value="511" />
<input id="BinaryImg" value="@ViewBag.str" />
<input id="xc" name="json" type="hidden" value="" />
<button>测试<button>
</form>
程序二:
后台代码:
//字符串转流
//m_l.BinaryImg程序一传过来的base64编码的图片文件流
//注意程序一请求要用post
byte[] bt = Convert.FromBase64String(m_l.BinaryImg);
System.IO.MemoryStream stream = new System.IO.MemoryStream(bt);
//文件格式
string fileName = DateTime.Now.ToString("yyyyMMddHHmmssfff") + ".jpg";
string dicr = DateTime.Now.ToString("yyyy-MM-dd") + "/";
string RetureVlue = dicr + fileName;
string physicsPath = System.Configuration.ConfigurationManager.AppSettings["FilePath"];
if (!Directory.Exists(physicsPath + dicr))
{
Directory.CreateDirectory(physicsPath + dicr);
}
StreamToFile(stream, physicsPath + RetureVlue);
public static void StreamToFile(Stream stream, string filepath)
{
byte[] bytes = StreamToBytes(stream);
FileStream fileStream = new FileStream(filepath, FileMode.Create);
fileStream.Write(bytes, , bytes.Length);
fileStream.Flush();
fileStream.Close();
}
本文实现的功能是通过json传递图片,并把接收到的图片保存下来。
我原本是想压缩一下字符串的。不过没找到一种java和.net通用的压缩和解压缩的算法。。
求大神指点。。。
jquery.json-2.4.min.js
/*! jQuery JSON plugin 2.4.0 | code.google.com/p/jquery-json */
(function ($) {
'use strict'; var escape = /["\\\x00-\x1f\x7f-\x9f]/g, meta = { '\b': '\\b', '\t': '\\t', '\n': '\\n', '\f': '\\f', '\r': '\\r', '"': '\\"', '\\': '\\\\' }, hasOwn = Object.prototype.hasOwnProperty; $.toJSON = typeof JSON === 'object' && JSON.stringify ? JSON.stringify : function (o) {
if (o === null) { return 'null'; }
var pairs, k, name, val, type = $.type(o); if (type === 'undefined') { return undefined; }
if (type === 'number' || type === 'boolean') { return String(o); }
if (type === 'string') { return $.quoteString(o); }
if (typeof o.toJSON === 'function') { return $.toJSON(o.toJSON()); }
if (type === 'date') {
var month = o.getUTCMonth() + 1, day = o.getUTCDate(), year = o.getUTCFullYear(), hours = o.getUTCHours(), minutes = o.getUTCMinutes(), seconds = o.getUTCSeconds(), milli = o.getUTCMilliseconds(); if (month < 10) { month = '0' + month; }
if (day < 10) { day = '0' + day; }
if (hours < 10) { hours = '0' + hours; }
if (minutes < 10) { minutes = '0' + minutes; }
if (seconds < 10) { seconds = '0' + seconds; }
if (milli < 100) { milli = '0' + milli; }
if (milli < 10) { milli = '0' + milli; }
return '"' + year + '-' + month + '-' + day + 'T' +
hours + ':' + minutes + ':' + seconds + '.' + milli + 'Z"';
}
pairs = []; if ($.isArray(o)) {
for (k = 0; k < o.length; k++) { pairs.push($.toJSON(o[k]) || 'null'); }
return '[' + pairs.join(',') + ']';
}
if (typeof o === 'object') {
for (k in o) {
if (hasOwn.call(o, k)) {
type = typeof k; if (type === 'number') { name = '"' + k + '"'; } else if (type === 'string') { name = $.quoteString(k); } else { continue; }
type = typeof o[k]; if (type !== 'function' && type !== 'undefined') { val = $.toJSON(o[k]); pairs.push(name + ':' + val); }
}
}
return '{' + pairs.join(',') + '}';
}
}; $.evalJSON = typeof JSON === 'object' && JSON.parse ? JSON.parse : function (str) { return eval('(' + str + ')'); }; $.secureEvalJSON = typeof JSON === 'object' && JSON.parse ? JSON.parse : function (str) {
var filtered = str.replace(/\\["\\\/bfnrtu]/g, '@').replace(/"[^"\\\n\r]*"|true|false|null|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?/g, ']').replace(/(?:^|:|,)(?:\s*\[)+/g, ''); if (/^[\],:{}\s]*$/.test(filtered)) { return eval('(' + str + ')'); }
throw new SyntaxError('Error parsing JSON, source is not valid.');
}; $.quoteString = function (str) {
if (str.match(escape)) {
return '"' + str.replace(escape, function (a) {
var c = meta[a]; if (typeof c === 'string') { return c; }
c = a.charCodeAt(); return '\\u00' + Math.floor(c / 16).toString(16) + (c % 16).toString(16);
}) + '"';
}
return '"' + str + '"';
};
}(jQuery));
通过json传递图片(base64编码)的更多相关文章
- 对JSON传递图片Base64编码的一点总结
项目中跟Java对接的时候需要传输图片,经过Base64编码后传输的. 但是实际调试的时候发现Java那边始终无法正常解析出图片. 冷静想想之后,发现问题在于使用OpenCV读取图片,编码的是Mat: ...
- 在线图片base64编码
图片Base64编码https://oktools.net/image2base64 在线工具https://oktools.net JSON格式化https://oktools.net/json U ...
- [转]玩转图片Base64编码
转自:[前端攻略]:玩转图片Base64编码 图片处理在前端工作中可谓占据了很重要的一壁江山.而图片的 base64 编码可能相对一些人而言比较陌生,本文不是从纯技术的角度去讨论图片的 base64 ...
- 图片base64编码解码
1.图片base64编码 https://c.runoob.com/front-end/59 2.图片base64解码 https://www.it399.com/image/base64 https ...
- 图片Base64编码 简单使用
图片在线转换Base64,图片编码base64 http://tool.css-js.com/base64.html HTML5 + js <input type="file" ...
- 【前端攻略】:玩转图片Base64编码
引言 图片处理在前端工作中可谓占据了很重要的一壁江山.而图片的 base64 编码可能相对一些人而言比较陌生,本文不是从纯技术的角度去讨论图片的 base64 编码.标题略大,不过只是希望通过一些浅显 ...
- 图片Base64编码
我们经常在做Jquery插件的时候需要插入一些自定义的控件,比如说按钮,而我们自己又觉着button标签很丑,而且不同浏览器显示的效果还不一样,这个时候我们需要用到图片,当然,我们可以通过img标签添 ...
- 20141203图片Base64编码与解码
最近需要将图片通过转码的形式传给移动端,使用了Base64转码与 解码 import java.io.FileInputStream; import java.io.FileOutputStream; ...
- 获取图片base64编码的几种方法
前文中我们聊了 Data URI 和 base64编码,稍微回顾下.base64编码 是将数据用 64 个可打印的字符进行编码的方式,任何数据底层实现都是二进制,所以都可以进行 base64编码,ba ...
随机推荐
- cocos2dx 3.3多相机下_transformUpdated bug
uint32_t Node::processParentFlags(const Mat4& parentTransform, uint32_t parentFlags) { if(_using ...
- node.js 使用ejs模板引擎时后缀换成.html
这是一个小技巧,看着.ejs的后缀总觉得不爽,使用如下方法,可以将模板文件的后缀换成我们习惯的.html. 1.在app.js的头上定义ejs: 代码如下: var ejs = require('ej ...
- 安卓测试之---Monkey
Tip:在阅读此篇之前,请先了解ADB命令: http://www.cnblogs.com/pearl07/p/8572390.html 一.什么是Monkey Monkey是Android SDK提 ...
- pre 强制换行
当前位置:懒人建站 > javascript > 网页特效 > css强制pre标签换行 css强制pre标签换行,pre标签的功能就是保留文本源格式,将会保留文本的长度,空格 空行 ...
- MVC,MVP 和 MVVM 的图示 转自阮一峰先生网络日志
MVC,MVP 和 MVVM 的图示 作者: 阮一峰 复杂的软件必须有清晰合理的架构,否则无法开发和维护. MVC(Model-View-Controller)是最常见的软件架构之一,业界有着广泛 ...
- HttpClient 教程 (六)
第六章 高级主题 6.1 自定义客户端连接 在特定条件下,也许需要来定制HTTP报文通过线路传递,越过了可能使用的HTTP参数来处理非标准不兼容行为的方式.比如,对于Web爬虫,它可能需要强制Http ...
- Tomcat的URL中文乱码解决以及传输优化
默认的tomcat容器如果直接使用get方式在url中传中文时,传到后台接收会是乱码. 乱码问题 原因: tomcat默认的在url传输时是用iso8859-1编码. 解决方案一: 在使用get传输参 ...
- linux没有那个文件或目录
linux脚本执行 报错 没有那个文件或目录 但是ls 看一下,明明有文件 原因: vim filename然后用命令 :set ff可看到dos或unix的字样,如果的确是dos格式的, 那么用se ...
- mproxy: c 语言实现的一个最小的http代理,支持FQ
https://github.com/examplecode/mproxy mproxy 使用说明 这是一个微型的http代理服务器实现,使用c语言实现,核心代码量不足500行,不依赖任何第三方的库( ...
- form的method用get导致中文乱码
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding= ...