展示图片
js代码如下:
这里要注意的点:
1:var imgPath = $(“#imgPath”).text(); 这个代码是获取之前显示在页面的文件的路径;
2:encodeURI(encodeURI(imgPath)) 这里要双重 encode ,为的是当图片名字带有中文的时候,get 方法请求的后台不会出现乱码的情况。到时候后台解码即可;
3:.attr( “src” ,” xxx “) 是设置 src 的内容。
java 代码如下:
@RequestMapping(value=“getImg” )
public void getImg(String imgPathEncode,HttpServletResponse response) throws IOException {
response.setContentType(“image/jpeg/jpg/png/gif/bmp/tiff/svg”);
String imgPath = URLDecoder.decode(imgPathEncode, “utf-8”);
File file = new File(imgPath);
if(file.exists()) {
FileInputStream in = new FileInputStream(file);
OutputStream os = response.getOutputStream();
byte[] b = new byte[1024];
while(in.read(b)!= -1) {
os.write(b);
}
in.close();
os.flush();
os.close();
}
}
这样就可以完美的把上传后的图片展示在前台了。