关于jquery 提交base64图片值，后台获取并存储的问题

2013-08-23 05:37:25 1.7k 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

input file 实现上传预览图片,以base64上传，兼容IE8+,firefox,chrome 前言最近在公司开发一个项目，其中涉及到一个工能，主要是上传一些小图片，而且在网站上需要大量引用这个小图片的，对于上传一些小的头像等。一开始觉得直接上传就好了，但是发现这样子的话，一个小图片就会发送一个http请求资源，大量的小图片的请求资源的话，会造成服务器资源的负担。而且我希望在用户头像上传也可以不直接上传image,以其他的方式上传，可以将图像的信息存储在数据库中，这样子对于小图片还是有好阅读详情

我在前台页面上做了个jquery 的post提交传入base64图片值

var Path="c:\\Finger\\" + imgName;//在本地生指纹图片
//alert(Path);
FPSLID1.SaveFingerprintToImage(Path);//保存图片

// FileUploader.AddFile(Path);
//var retVal=Form1.FileUploader.BeginUpload();
//- 上传图片开始----------------------------------------------------------------------------
//alert(Path);
var fname= getFileName(Path);
var xml_dom = new ActiveXObject("MSXML2.DOMDocument");
var tmpNode = xml_dom.createElement("tmpNode"); //创建一个名为tmpNode的节点
tmpNode.dataType = "bin.base64"; //后面所有的tmpNode指的都是变量tmpNode，实际上也是节点tmpNode对象
var aa =new ActiveXObject("ADODB.Stream");
aa.Type=1; //1=adTypeBinary 2=adTypeText
aa.Mode=3; //3=adModeReadWrite
aa.Open();
aa.LoadFromFile(Path);
tmpNode.nodeTypedValue = aa.Read(-1); //-1=adReadAll
//alert(fname);
alert(tmpNode.text);
$.post("zwtpsave.asp", {filename: fname, data: tmpNode.text});//上传图片

弹出可以显示图片的base64编码，如果只提交faname，
$.post("zwtpsave.asp", {filename: fname});后台页面可以request获取到filename的值。
但是传入$.post("zwtpsave.asp", {filename: fname, data: tmpNode.text}); 就什么也获取不到了。原因可能出现在传递data时出错了，如何解决呢？谢谢了。。

...全文