一.场景还原

用户上传了一张图片，已有服务器保存路径，现由于系统配置无法直接通过图片URL打开预览图片，需实现点击预览将图片显示在浏览器上。

二.实现方法

html：

预览

此处用预览按钮方法实现

Javascript:

function preview(path){

var ext=path.split('.')[1];

if(ext=="PNG"){

window.open("/file/showImage.do?path="+path);

}

}

此处因为测试判断了PNG

Java：

/*

* 在线预览图片

*/

@RequestMapping("/showImage.do")

public @ResponseBody

void showImage(String path) throws IOException {

getResponse().setContentType("text/html; charset=UTF-8");

getResponse().setContentType("image/jpeg");

String fullFileName = getRealPath("/upload/" + path);

FileInputStream fis = new FileInputStream(fullFileName);

OutputStream os = getResponse().getOutputStream();

try {

int count = 0;

byte[] buffer = new byte[1024 * 1024];

while ((count = fis.read(buffer)) != -1)

os.write(buffer, 0, count);

os.flush();

} catch (IOException e) {

e.printStackTrace();

} finally {

if (os != null)

os.close();

if (fis != null)

fis.close();

}

}

三.执行结果

打开一个新的窗口，显示图片。

本文为博主原创文章

web office apps 在线预览实践

摘要 在一些项目中需要在线预览office文档,包括word,excel,ppt等.达到预览文档的目的有很多方法,可以看我之前总结,在线预览的n种方案: [Asp.net]常见word,excel,p ...

pdf.js实现图片在线预览

项目需求 前段时间项目中遇到了一个模块,是关于在线预览word文档(PDF文件)的,所以,找了很多插件,例如,pdf.js,pdfobject.js框架,但是pdfobject.js框架对于IE浏览器 ...

html5上传本地图片,在线预览及裁剪(filereader,canvas)

1 我们常常需要上传头像,点击上传按钮时候需要预览一下,使用filereader方法无需和后台交互,代码如下: //本地图片在上传之前的预览效果 //图片上传预览 function previewIm ...

office web apps 整合到自己项目中(wopi实现在线预览编辑)

借助office web apps实现在线预览和在线编辑 我所有的代码都是用go语言编写,你可以直接编译后使用,不用再有其他的操作. 最近项目实在太忙,这几天才有时间,这次是重头戏,要好好琢磨一下怎么 ...

office在线预览方案

一.服务器先转换为PDF,再转换为SWF,最后通过网页加载Flash预览 微软方:利用Office2007以上版本的一个PDF插件SaveAsPDFandXPS.exe可以导出PDF文件,然后再利用免 ...

Office在线预览及PDF在线预览的实现方式史上最全大集合

Office在线预览及PDF在线预览的实现方式大集合 一.服务器先转换为PDF,再转换为SWF,最后通过网页加载Flash预览 微软方:利用Office2007以上版本的一个PDF插件SaveAsPD ...

Office在线预览及PDF在线预览的实现方式大集合

一.服务器先转换为PDF,再转换为SWF,最后通过网页加载Flash预览 微软方:利用Office2007以上版本的一个PDF插件SaveAsPDFandXPS.exe可以导出PDF文件,然后再利用免 ...

Office在线预览及PDF在线预览的实现方式

原文链接:http://www.officeweb365.com/officetoview.html 一.服务器先转换为PDF,再转换为SWF,最后通过网页加载Flash预览 微软方:利用Office ...

最好用的js前端框架、组件、文档在线预览插件

这里收集的都是个人认为比较好的js框架.组件 js前端ui框架 此处列举出个人认为最好的几个框架(排序即排名),现在好点的框架商用都需要付费,以下几个也不例外,但是由于组件丰富,都可以作为企业应用的完 ...

随机推荐

java文件操作(读流)

try{ InputStream is = new FileInputStream("abc.txt"); InputStreamReader ir = new InputStre ...

Http请求和响应应用

//以下载方式打开资源 public void test4(HttpServletResponse response) throws IOException { response.setHeader( ...

SRM 501 DIV1 500pt(DP)

题目简述 给定一个长度为n的序列,每个数值的范围为[-1,40],-1可以替换成0~40之间的数,要求你求出符合以下条件的序列有多少个? 1.每个数都是0~40之间的数 2.对于每一个数A[i],都需 ...

StrHelper

public class StrHelper { private static string passWord; //加密字符串 /// /// 判断输入是否数字 // ...

JAVA异常设计原则

异常是面向对象语言非常重要的一个特性,良好的异常设计对程序的可扩展性.可维护性.健壮性都起到至关重要. JAVA根据用处的不同,定义了两类异常     * Checked Exception: Exc ...

struct2利用相关的Aware接口

Struts 2提供了Aware接口.Aware为"感知"的意思,实现了相关Aware接口的Action能够感知相应的资源.Struts在实例化一个Action实例时,如果发现它实 ...

来一波C#发送邮件

1.所用工具和资源:VS2012   在.NET Frameword类库中提供SmtpClient类(System.NET.Mail) 2.运行截图 3.具体代码实现如下: using System; ...

Java基础_0309：this关键字

this简介 在Java中this可以完成三件事情:表示本类属性.表示本类方法.当前对象(只是先介绍概念) 调用本类属性 在一个类中定义的方法中可以直接访问类中的属性,但是很多时候有可能会出现方法参数 ...

BZOJ 1283: 序列

1283: 序列 Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 272  Solved: 151[Submit][Status][Discuss] D ...

【总结】 伸展树Splay

挖坑待补 前言 感觉我在联赛还差4天的时候学习Splay有点慌,但还是要学一下. 定义 我们先对Splay的数组进行一些定义: struct node{ int ff,siz,cnt,ch[2],va ...