ajax读取图片字节流后在指定路径还原输出

[变程编成]

大家好，最近遇到一个挺难的问题，通过Ajax发送Post请求，从服务器读取图片后，通过response的输出流输出，虽然已经正确地获取了图片，也已获得了输出流，但是在通过Ajax展示的时候没能正确的展现，望各位指点迷津。以下是相关的代码。
Java部分

		OutputStream outstr = response.getOutputStream();
		BufferedOutputStream bufferOut = new BufferedOutputStream(outstr);

		InputStream inStr = dao.readFile(savePath + imagePath, 0);
		BufferedInputStream bufferIn = new BufferedInputStream(inStr);
		
		byte[] buffer = new byte[4096];
		int size = bufferIn.read(buffer);
		while(size != -1){
			bufferOut.write(buffer, 0, size);
			size = bufferIn.read(buffer);
		}
		System.out.println("read files pass");
		bufferIn.close();
		bufferOut.flush();
		bufferOut.close();

Ajax部分

function showImages(){
		var filePath = $("#imagePath").val();
		$.ajax({type: "post",		//使用post方法访问后台
            dataType: "text",	     //返回text格式的数据，(这里存在疑问，Java部分是response输出流，这里应该指定什么样的数据类型）
            url: http+"select.pic",	//要访问的后台地址，这里是servlet的地址
            data:{"filePath":filePath},   //要发送的数据
            success: function(data){//data为返回的数据，在这里做数据绑定
                   	$("#images").attr("src", "data:image/gif;base64," + data);
                       	alert("complete!");
        });
	}

[xuzuning]

由 $("#images").attr("src", "data:image/gif;base64," + data); 可知 data 应该是 base64 编码后的数据 所以 dataType: "text" 是正确的 对 java 不是很熟悉，但 bufferOut.write(buffer, 0, size); 显然是直接输出了图片数据，那么 base64 编码在哪里进行呢？ System.out.println("read files pass"); 又把一个字符串附加在输出中，这难道不会影响到图片的解析吗？

[tony4geek]

参考这个要刷新

[变程编成]

引用 1 楼 xuzuning 的回复:

由 $("#images").attr("src", "data:image/gif;base64," + data); 可知 data 应该是 base64 编码后的数据 所以 dataType: "text" 是正确的 对 java 不是很熟悉，但 bufferOut.write(buffer, 0, size); 显然是直接输出了图片数据，那么 base64 编码在哪里进行呢？ System.out.println("read files pass"); 又把一个字符串附加在输出中，这难道不会影响到图片的解析吗？

bufferOut.writer(buffer, 0, size)中包装的是response的输出流，如果不是通过输出来显示，那应该怎么做呢？ System.out.println("read files pass")是系统的输出，是我用来作测试的，看看代码是否执行到，应该和response的输出流没有关系的吧？仁兄不能只提问题，不提解决方法啊，高见~

[变程编成]

引用 2 楼 rui888 的回复:

参考这个要刷新

“记得servlet生成的图片要记浏览器不得缓存，”这个是什么意思？兄台看的懂？修改的URL应该是怎么样的？

[xuzuning]

我已经说过了“我对java不熟悉”，所以有些问题需要你自己敲定 System.out.println("read files pass"); 只是在调试时输出到控制台吗？却对不会输出到客户端？ 我对 php 很精通，这是我刚才做的测试

<?php
if($_POST) {
  echo base64_encode(file_get_contents('../'.$_POST['img'])); //读取图片数据并作base64编码
  exit;
}
?>
<img id='images' src=''>
<script src=/scripts/jquery-1.8.3.min.js></script>
<script>
$(function() {
  $.post('<?=$_SERVER['PHP_SELF']?>', {img:'03.gif'}, function(data) {
    $("#images").attr("src", "data:image/gif;base64," + data);
  });
});
</script>

虽然语言不同，但是原理是一样的

[变程编成]

引用 5 楼 xuzuning 的回复:

我已经说过了“我对java不熟悉”，所以有些问题需要你自己敲定 System.out.println("read files pass"); 只是在调试时输出到控制台吗？却对不会输出到客户端？ 我对 php 很精通，这是我刚才做的测试

<?php
if($_POST) {
  echo base64_encode(file_get_contents('../'.$_POST['img'])); //读取图片数据并作base64编码
  exit;
}
?>
<img id='images' src=''>
<script src=/scripts/jquery-1.8.3.min.js></script>
<script>
$(function() {
  $.post('<?=$_SERVER['PHP_SELF']?>', {img:'03.gif'}, function(data) {
    $("#images").attr("src", "data:image/gif;base64," + data);
  });
});
</script>

虽然语言不同，但是原理是一样的

是否跑得通？

[xuzuning]

当然能跑的通！ 我似乎并没有理由跑到这里来忽悠你吧？ 既然是 data:image/gif;base64, 那么 data 就一定要是 base64 编码的了 java 比 php 强大的多，不至于这点小事也做不到吧

[wangjun5159]

楼主，这个问题解决了吗？能说一下解决思路吗？我也遇到这个问题了。

[wangjun5159]

我找到问题原因了。哈哈

[落曳声痕]

虽然你自己找到问题了，不过我还是啰嗦一下 1、4096字节长度完全可以用InputStream获取其长度，固定数字限制太大 2、字节流切记转换为Base64的字符流供页面前端显示

[wangjun5159]

引用 10 楼 zhoukailovec 的回复:

虽然你自己找到问题了，不过我还是啰嗦一下 1、4096字节长度完全可以用InputStream获取其长度，固定数字限制太大 2、字节流切记转换为Base64的字符流供页面前端显示

你的说法是错误的。在流没有读完之前，无法获取长度。所以，只能指定缓冲区大小。InputStream的api也没有获取长度的方法

[wangjun5159]

楼主的问题，应该是没有对流进行base64编码，所以图片显示不正常。