关于用base64进行图片上传的问题

李遒 2013-08-24 10:15:01

开发环境：win7、chrome、jdk1.6

问题是这样的我想实现一个拖拽即可上传图片的功能，js中通过拖拽的事件可以获取图片的base64编码，可是后台接收到该base64编码，然后通过base64解码却不能还原该图片，代码如下：

JS代码：

this.handleFileSelect=function(evt){

	evt.stopPropagation();

	evt.preventDefault();

	var files = evt.dataTransfer.files;

	for (var i = 0, f; f = files[i]; i++) {

		var t = f.type ? f.type : 'n/a';

		var	reader = new FileReader();

		var	looks = function (f, img) {

				$("#filepush").html(img);

			};

		var	isImg = window.f.isImage(t),img;

		// 处理得到的图片

		if (isImg) {

		reader.onload = (function (theFile) {

					return function (e) {

                                          //获取图片的base64编码

					  var base64=e.target.result;

                                          //...省略上传代码

					};

		})(f);

		reader.readAsDataURL(f);

	        } else {

			img = '"o((>ω< ))o"，你传进来的不是图片！！';

			looks(f, img);

		}

}

};

java后台：

sun.misc.BASE64Decoder decoder = new sun.misc.BASE64Decoder(); 

//省略处理步骤...去除base64前面的头 data:image/gif;base64,

//获取base64解码后的字节数组

byte[] bs = decoder.decodeBuffer(处理过的base64字符串);  

//将该字节数组保存到文件中

后来我做了一个实验，对于同一张图片js获取的base64编码和java中获取的base64编码不一致，请教大家如何解决这个问题。

...全文