根据文件的上传路径,显示图片的方式

展示图片

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();
}
}
这样就可以完美的把上传后的图片展示在前台了。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值