繁體中文当前位置: 首页 > 图文教程 > 网络编程 > JSP > jsp 文件上传浏览，支持ie6，ie7，ie8
- JSP
- 客户端界面中可视化的实现树形框架的设计
- Win2000下JBoss开发环境配置
- 调试处理系统核心文件
- Matrix java 大讲坛 之 可用性与人机界面
- JMX调试----第三方工具使访问更加容易
- 用BSF如何在Java中嵌入javascript以及如何在javascript中
- 再次提醒\" 请不要做浮躁的人\"
- 从Coding Fan到真正的技术专家(cjsdn)
- 数据库BEAN：RESIN连接池
- 基于Java的Web服务器工作原理（一）
- XDE中模式驱动的设计与开发(三)
- 页面流（Page flow）表单验证
- 高级页面流（Page flow）：嵌套、异常处理和 Global.app
- 请不要做浮躁的人(ZT-必读)
- 解决日期选择问题，一劳永逸（使用Decorator模式实现日期选择组件）（二）
- 解决日期选择问题，一劳永逸（使用Decorator模式实现日期选择组件）（三）
- 解决日期选择问题，一劳永逸（使用Decorator模式实现日期选择组件）（四）
- 解决日期选择问题，一劳永逸（使用Decorator模式实现日期选择组件）（五）
- EJB技术之旅（一）
- MVC渐行渐进（二）
JSP 中的 jsp 文件上传浏览，支持ie6，ie7，ie8
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-11 浏览: 138 ::
收藏到网摘: n/a
老板要写个jsp的文件上传浏览，一上网找到好多，用静态的都可以。但是，一部署到服务器上去就都不能用了。
找了好久终于找到一个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 rel="stylesheet" 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 id="man_zone">
<form action="product.do?command=addProduct" method="post" name="Upload" enctype="multipart/form-data">
<table width="100%" border="0" align="center" cellpadding="3"
cellspacing="1" class="table_style">
<tr>
<td class="left_title_2">
商品图片：
</td>
<td><input type="file" name="file" onchange="javascript:PreviewImg(this);" style="border: 1px #FFFFFF
solid;background:#efefef" style="border: 1px #FFFFFF
solid;background:#efefef" /><font color=red>*</font><div id="newPreview"></div></td>
</tr>
<tr>
<td class="left_title_1">
<input type="submit" name="Submit" value="增加" />
</td>
<td>
<input type="reset" name="Reset" value="重置" />
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
评论 (0) All
