如何让列表的产品图片进行多线程压缩(缩略图)并显示。
问题描述:
1、产品后台管理系统部署在A6服务器上,客户在这对服务器上通过后台管理系统进行对产品的维护。
1.1、产品维护时,上传产品图片时控制在200K内,却没有做缩略图。
2、产品质量查询系统部署在A3服务器上,供互联网用户进行查询产品信息。
2.1、当互联网通过产品质量信息查询系统查询产品列表时,显示产品列表(产品主图,产品名称等信息)时,显示图片很慢,图片显示格式
<img src="A6服务器IP+图片名称(1.jpg)" width="75" height="90"/>
,所以在显示时只改变了图片的width,height,而没有改变图片本身的质量,所以很慢。
问题解决方案:
1、为了弥补产品主图的缩略图问题,我们在显示的时候把http图片进行压缩(做成缩略图)传输,然后显示,这样比之前显示快很多!原有的图片有80K,现在经过压缩显示为30K。
2、图片大小问题解决了,但是图片显示还是慢了点,不理想,后来发现图片显示是一个接着一个显示的,也就是说处理图片压缩的类只能一个一个进行压缩,一个压缩完了才压缩第二个。
3、这时我想到了多线程处理方式,让多线程类创建五个线程同时进行压缩并显示,问题就出现在这里,发现我的多线程不是自己想像的那样进行处理的,但不知道问题出现在哪里?希望各位帮找找原因。
期望效果:一打开产品列表,图片压缩同时对6张图片进行压缩并显示
原代码如下:
1、图片压缩类
package me.jwinder.test;
import java.awt.Graphics;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.FileInputStream;
import java.io.FileNotFoundException;
import java.io.IOException;
import java.io.InputStream;
import java.io.OutputStream;
import java.net.HttpURLConnection;
import java.net.URL;
import java.net.URLConnection;
import com.sun.image.codec.jpeg.ImageFormatException;
import com.sun.image.codec.jpeg.JPEGCodec;
import com.sun.image.codec.jpeg.JPEGImageDecoder;
import com.sun.image.codec.jpeg.JPEGImageEncoder;
/**
* File :<b>ImageCompress.java</b><br/>
* Time :2009-8-13 上午10:03:55 <br />
* Note :remark...<br />
* @author HF-JWinder
* @version 1.0
*/
public class ImagesUtil
{
public ImagesUtil() {}
private static ImagesUtil instance ;
public static ImagesUtil getInstance()
{
if(null == instance)
{
instance = new ImagesUtil();
}
return instance ;
}
/**
* Method:图片缩小,包括图片尺寸缩小和图片像素(质量)减小<br>
* Remark:一般在客户端显示大图片,比如产品列表的产品主图片<br>
* Author:HF-JWinder(2009-8-13 下午01:39:54)
* @param in InputStream
* @param out OutputStream
* @param width 宽
* @param height 高
*/
private void zoomout(InputStream in, OutputStream out, int width, int height)
{
try {
JPEGImageDecoder decoderFile = JPEGCodec.createJPEGDecoder(in);
BufferedImage imageFile = decoderFile.decodeAsBufferedImage();
// 获得目标图片的宽高,同时乘以放缩比例得到新图片大小
int w = width;
int h = height;
// 建立一个新图片的缓存图片
BufferedImage bufImage = new BufferedImage(w, h, BufferedImage.TYPE_INT_RGB);
// 从目标图片上获得Graphics以便画在新图片上,最后一个参数是内部无名类,可以用null代替
Graphics g = bufImage.getGraphics();
g.drawImage(imageFile, 0, 0, w, h, null
/*
new ImageObserver() {
public boolean imageUpdate(Image img, int infoflags, int x, int y, int width, int height)
{
return true;
}
} */
);
// 编码输出
JPEGImageEncoder jpeg = JPEGCodec.createJPEGEncoder(out);
jpeg.encode(bufImage);
out.flush();
}
catch (ImageFormatException e)
{
e.printStackTrace();
// TODO: handle exception
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} finally {
try {
out.close();
in.close();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
/**
* 网络缩略图[大小和质量],URL图片进行缩略,服务器进行处理然后显示。
* 图片服务器和显示图片服务器和客户端之间交互显示,对原有图片进行缩放,包括大小和质量。
* @param in 读入图片流
* @param out 写出流
* @throws ImageFormatException
* @throws IOException
*/
public void netZoomout(OutputStream out, String imgURL, int width, int height) throws ImageFormatException, IOException
{
int HttpResult; // 服务器返回的状态
URL url = new URL(imgURL); // 创建URL
URLConnection urlconn = url.openConnection(); // 试图连接并取得返回状态码
urlconn.connect();
HttpURLConnection httpconn =(HttpURLConnection) urlconn;
//通过HTTP连接图片地址
HttpResult = httpconn.getResponseCode();
if(HttpResult != HttpURLConnection.HTTP_OK) // 不等于HTTP_OK说明连接不成功
{
return ;
}
InputStream in = urlconn.getInputStream();
this.zoomout(in, out, width, height);
}
/**
* Method:服务器本地图片压缩<br>
* Remark:...<br>
* Author:HF-JWinder(2009-8-13 下午02:45:13)
* @param out
* @param imgFile
* @param width
* @param height
* @throws FileNotFoundException
*/
public void nativeZoomout(OutputStream out , String imgFile, int width, int height) throws FileNotFoundException
{
File file = new File(imgFile);
InputStream in = new FileInputStream(file);
this.zoomout(in, out, width, height);
}
}
2、图片多线程类
package me.jwinder.test;
import java.io.IOException;
import java.io.OutputStream;
import com.sun.image.codec.jpeg.ImageFormatException;
/**
* File :<b>ImagesUtilThread.java</b><br/>
* Time :2009-8-13 下午03:17:51 <br />
* Note :remark...<br />
* @author HF-JWinder
* @version 1.0
*/
public class ImagesUtilThread extends Thread {
private String url ;
private OutputStream out ;
public ImagesUtilThread(String url, OutputStream out)
{
System.out.println("Thread:" + url);
this.url = url;
this.out = out;
}
public void run()
{
try {
new ImagesUtil().netZoomout(out, url, 75, 90);
} catch (ImageFormatException e) {
// TODO Auto-generated catch block
e.printStackTrace();
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
}
}
3、图片Servlet类
package me.jwinder.test;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
/**
* File :<b>ImagesServlet.java</b><br/>
* Time :2009-8-13 上午10:32:11 <br />
* Note :remark...<br />
* @author HF-JWinder
* @version 1.0
*/
public class ImagesServlet extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
this.doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setHeader("Pragma","No-cache");
response.setHeader("Cache-Control","no-cache");
response.setDateHeader("Expires", 0);
String url = request.getParameter("url");
System.out.println(url);
//new ImagesUtil().netZoomout(response.getOutputStream(), url, 75, 90);
new ImagesUtilThread(url, response.getOutputStream()).start();
}
}
4、JSP产品列表页面MyJsp.jsp
<body>
1.
<img src="servlet/ImagesServlet?url=http://211.100.42.6/fireWeb/upload/2006/10/31/20090413072339667107.jpg" border="1"/>
2.
<img src="servlet/ImagesServlet?url=http://211.100.42.6/fireWeb/upload/2005/11/28/200904130723433004190.jpg" border="1"/>
3.
<img src="servlet/ImagesServlet?url=http://211.100.42.6/fireWeb/upload/2006/06/05/20090413072347785922.jpg" border="1"/>
4.
<img src="servlet/ImagesServlet?url=http://211.100.42.6/fireWeb/upload/2001/10/31/200904130723589419479.jpg" border="1"/>
5.
<img src="servlet/ImagesServlet?url=http://211.100.42.6/fireWeb/upload/2001/02/21/200904130724043328489.jpg" border="1"/>
6.
<img src="servlet/ImagesServlet?url=http://211.100.42.6/fireWeb/upload/1997/08/28/200904130723535664934.jpg" border="1"/><br/>
</body>
</html>
分享到:
相关推荐
图片压缩
多线程程序处理,用户可随时终止压缩过程。 采用两种可选缩略图算法(高速常规质量和低速高质量)。 可选处理日志,确保安全。 功能描述: 在保持纵横比的情况下,产生原图的各种尺寸版本。当然不仅可以缩小,还...
华农课程设计,采用多线程加载图片缩略图,缩略图为压缩过的图片。可参考,不可直接copy
文件浏览窗口支持包括大图标,小图标,文件列表,详细列表,强力模式和缩略图等多种显示方式; 内置强大的 FTP 客户端功能; 支持命令行操作,显示当前路径,智能填充功能; 支持多标签页功能; 支持插件...
升级内容 1、可以给jpg、gif、png、bmp图片加水印,动画不加水印 2、批量管理加上全选 3、新闻内容简繁体转换功能 ... 5、可设置非会员和会员可推荐新闻分类 ...29、自动取新闻内第一张适合的本地图片生成缩略图
升级内容 1、可以给jpg、gif、png、bmp图片加水印,动画不加水印 2、批量管理加上全选 3、新闻内容简繁体转换功能 ... 5、可设置非会员和会员可推荐新闻分类 ...29、自动取新闻内第一张适合的本地图片生成缩略图
线程同步 9 相关主题 10 关于GDI+ 11 GDI+ 介绍 11 GDI+ 概览 11 GDI+ 的三个组成部分 11 基于类的接口架构 12 GDI+提供了哪些新东西? 12 新特征 12 编程模式的改变 15 线条、曲线和图形 19 矢量图概览 19 钢笔、...
线程同步 9 相关主题 10 关于GDI+ 11 GDI+ 介绍 11 GDI+ 概览 11 GDI+ 的三个组成部分 11 基于类的接口架构 12 GDI+提供了哪些新东西? 12 新特征 12 编程模式的改变 15 线条、曲线和图形 19 矢量图概览 ...
线程同步 9 相关主题 10 关于GDI+ 11 GDI+ 介绍 11 GDI+ 概览 11 GDI+ 的三个组成部分 11 基于类的接口架构 12 GDI+提供了哪些新东西? 12 新特征 12 编程模式的改变 15 线条、曲线和图形 19 矢量图概览 19 钢笔、...
•缩略图显示:在文件窗口显示预览图像。 •自定义列:可以显示更多的文件信息。 •批量重命名:用指定的规则重命名大量文件,还可以在文本编辑器中编辑文件名。 •程序界面支持多种语言:程序界面可以改成多种...
超级列表框载入图片(仿Windows浏览框的显缩略图).e 超级列表框自动调整列宽.e 超文本浏览框(屏蔽右键)例程.e 程序等待.e 程序分割与合并.e 窗口结构查询器.e 从内存读取编辑框文本.e 打包文件(包含解压缩).e ...
•缩略图显示:在文件窗口显示预览图像。 •自定义列:可以显示更多的文件信息。 •批量重命名:用指定的规则重命名大量文件,还可以在文本编辑器中编辑文件名。 •程序界面支持多种语言:程序界面可以改成多种语言...
•缩略图显示:在文件窗口显示预览图像。 •自定义列:可以显示更多的文件信息。 •批量重命名:用指定的规则重命名大量文件,还可以在文本编辑器中编辑文件名。 •程序界面支持多种语言:程序界面可以改成多种...
【增加】单图片简洁模式也可以查看缩略图 【增加】随机数字段,在指定范围内随机生成 【增加】多模型数据调用,可以在一个列表中调用多个模型的数据。 【增加】单图片多小图时,截取小图的方式由之前的等比例缩小...
【增加】单图片简洁模式也可以查看缩略图 【增加】随机数字段,在指定范围内随机生成 【增加】多模型数据调用,可以在一个列表中调用多个模型的数据。 【增加】单图片多小图时,截取小图的方式由之前的等比例缩小...
【增加】单图片自动生成缩略图。上传后支持图片浏览。 【增加】多图片上传后支持图片浏览。 【增加】根据**期返回当月英文全称/简称、星期全称/简称。 【完善】进一步完善独立**、分站使用规则。 【修复】遗留部分...
线程同步 - 9 - 相关主题 - 10 - 关于GDI+ - 11 - GDI+ 介绍 - 11 - GDI+ 概览. - 11 - GDI+ 的三个组成部分 . - 11 - 基于类的接口架构 - 12 - GDI+提供了哪些新东西? - 12 - 新特征 - 12 - 编程模式的改变 - 15 -...
25、增加网站调查功能26、按web标准规范代码27、html编辑器支持Xhtml,可显示无边框表格28、添加简介式显示新闻函数TopListSummary 29、自动取新闻内第一张适合的本地图片生成缩略图
- 图片懒加载、图片较多的情况下只加载首屏图片缩略图; - 编辑文件打开出错,自动关闭标签;文件打开20M限制(大于20M则不处理,浏览器会卡死) - 标签关闭提示:检测是否有未保存文件,文件修改实时修改是否修修改的...
2 <br>0003 设置程序代码行序号 3 <br>0004 开发环境全屏显示 3 <br>0005 设置窗口的自动隐藏功能 3 <br>0006 根据需要创建所需解决方案 4 <br>0007 如何使用“验证的目标架构”功能 4 ...