jsp 文件上传浏览,支持ie6,ie7,ie8

所属分类: 网络编程 / JSP编程 阅读数: 702
收藏 0 赞 0 分享

找了好久终于找到一个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>

更多精彩内容其他人还在看

张孝祥JAVA全集 Ftp下载[100%能下载]

张孝祥JAVA全集 Ftp下载[100%能下载]
收藏 0 赞 0 分享

JSP一句话木马代码

JSP一句话木马代码
收藏 0 赞 0 分享

写一个对搜索引擎友好的文章SEO分页类

写一个对搜索引擎友好的文章SEO分页类
收藏 0 赞 0 分享

卖jsp编程技巧的那个垃圾的所有实例的答案全部已收集,现将他人收集的实例答案公布出来,大家鉴赏!

卖jsp编程技巧的那个垃圾的所有实例的答案全部已收集,现将他人收集的实例答案公布出来,大家鉴赏!
收藏 0 赞 0 分享

ajax+jsp草稿自动保存的实现代码

ajax+jsp草稿自动保存的实现代码
收藏 0 赞 0 分享

一个jsp+AJAX评论系统第1/2页

一个jsp+AJAX评论系统
收藏 0 赞 0 分享

什么是eclipse,eclipse的意思解析

什么是eclipse,eclipse的意思解析
收藏 0 赞 0 分享

经常听朋友说什么J2EE,终于知道点什么是J2EE了,汗一个

经常听朋友说什么J2EE,终于知道点什么是J2EE了,汗一个
收藏 0 赞 0 分享

搭建SSH时的思考和遇到的几个问题的解决方法

搭建SSH时的思考和遇到的几个问题的解决方法
收藏 0 赞 0 分享

RMI使用学习 小结

RMI使用学习 小结
收藏 0 赞 0 分享
查看更多