在浏览器中预览图片

来源:互联网 发布:加拿大公立高中知乎 编辑:程序博客网 时间:2024/06/06 11:44

后台吧图片写到response 的输出流中


@RequestMapping(value = "/file/get", method = RequestMethod.GET)

public void getFile(String uuid, HttpServletRequest req, HttpServletResponse res) throws Exception {
res.setContentType("text/html;charset=UTF-8");  
res.setCharacterEncoding("UTF-8");  

        res.setContentType("application/octet-stream");
        SysFileVerResuDTO ver = fileService.getFile(uuid);
        if(null == ver)
        return;
        
        res.setHeader("Content-disposition", "attachment; filename="+MyUtils.encodeFilename(ver.getFile_nm() + "." +ver.getFile_type(), req));  
        
        OutputStream os = res.getOutputStream();
try{
os.write(ver.getFile_storage());
} catch(Exception e) {
System.out.println("文件未找到:"+uuid+"");
}
        os.flush();
        os.close();
}

通过文件的uuid 得到文件的二进制码,然后写到输出流中


html 

<div id="out_div" >
<img id="imgs" src=""/>
    </div>

用img标签显示图片


js

var uuid=sckj.getvl("uuid");
$("#imgs").attr("src","/file/get?uuid="+uuid);

得到img标签,设置src属性。

0 0
原创粉丝点击