嗨,我曾尝试在jsp上显示一个图像,但失败得很惨。我生成一个图表并保存一个文件,而不是刷新它,现在我想在jsp上显示这个名为chart的图片。我知道这一切都在jsp上,我本应该使用servlet,但这只是一个原型。
<%@ page import="java.sql.*"%>
<%@ page import="java.io.*"%>
<%@ page import="org.jfree.chart.ChartFactory"%>
<%@ page import="org.jfree.chart.ChartUtilities"%>
<%@ page import="org.jfree.chart.JFreeChart"%>
<%@ page import="org.jfree.chart.plot.PlotOrientation"%>
<%@ page import="org.jfree.data.*"%>
<%@ page import="org.jfree.data.jdbc.JDBCCategoryDataset"%>
<%@ page import="org.jfree.chart.renderer.category.CategoryItemRenderer"%>
<%@ page import="org.jfree.chart.plot.CategoryPlot"%>
<%@ page import="org.jfree.chart.plot.PlotOrientation"%>
<%@ page import="java.awt.Color"%>
<%
String query = "SELECT product_name,price from client";
JDBCCategoryDataset dataset = new JDBCCategoryDataset(
"jdbc:mysql://localhost:3306/client",
"com.mysql.jdbc.Driver", "rootroot", "rootroot");
//"jdbc:mysql://localhost/client", "rootroot", "rootroot"
dataset.executeQuery(query);
JFreeChart chart = ChartFactory.createBarChart3D("Products Vs Price",
"product_name", "price", dataset,
PlotOrientation.VERTICAL, true, true, false);
CategoryPlot plot = chart.getCategoryPlot();
CategoryItemRenderer renderer = plot.getRenderer();
renderer.setSeriesPaint(0, Color.green);
try {
ChartUtilities
.saveChartAsJPEG(
new File(
"C:\Users\student\Documents\NetBeansProjects\WebForm\WebForm-war\chart.jpg"),
chart, 1000, 1000);
} catch (IOException e) {
System.out.println("Problem in creating chart.");
}
%>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script>
function refreshIMG()
{
$.ajax({
url: "displaychartpricevsprice.jsp", cache: false,
success: function(html){ $("#").html("<img src="C:UsersstudentDesktopWebFormWebForm-war\chart.jpg"/>");
callback();
}
});
}
function callback()
{
settimeout("refreshIMG();", 1800000);
//1800= 30seconds in ms
}
refreshIMG();
</script>
</head>
<body>
<div >
<img src="C:UsersstudentDocumentsNetBeansProjectsWebFormWebForm-warchart.jpg" width=1000 height=1000>
</div>
</body>
语法没有问题。您正在生成该图像,并试图将其显示在同一页面上。
我能看到的唯一问题是加载页面时图像不可用。尝试在页面加载之前创建该图像,或者如果您想在页面加载后显示该图像,请使用ajax。
将图像存储在web应用程序目录中,并在图像标签中使用任一相对url
<img src="<folder>/chart.jpg"/>
或者你可以使用el表达式
<img src="${pageContext.request.contextPath}/<folder>/chart.jpg">
您必须将file://
(或try-file:///
)放在图像源URL的开头。