找了好久終于找到一個jsp上能用的…… 分享！！
復制代碼 代碼如下:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link href="../css/common.css" href="css/common.css" type="text/css" />
<title>管理區域</title>
<style type="text/css"><!--
#newPreview
{
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
}
--></style>
<script type="text/javascript" language="javascript"><!--
var flag=true;
function PreviewImg(imgFile)
{
//新的預覽代碼，支持 IE6、IE7,IE8也支持，firefox不支持！！我測試了的……
var newPreview = document.getElementById("newPreview");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
if(flag)
{
newPreview.style.width = "100px";
newPreview.style.height = "80px";
}
}
function setImgWH()
{
var newPreview = document.getElementById("newPreview");
flag=false;
newPreview.style.width = document.getElementById("txtImgWidth").value;;
newPreview.style.height = document.getElementById("txtImgHeight").value;
}
// --></script>
</head>
<body>
<div>
<form action="product.do?command=addProduct" method="post" enctype="multipart/form-data">
<table cellpadding="3"
cellspacing="1">
<tr>
<td>
商品圖片：
</td>
<td><input type="file" onchange="javascript:PreviewImg(this);" /><font color=red>*</font><div></div></td>
</tr>
<tr>
<td>
<input type="submit" value="增加" />
</td>
<td>
<input type="reset" value="重置" />
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
新聞熱點
疑難解答
