ASCII码 ASCII码

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

发布于：2022-04-02 10:44:11  栏目：技术文档
  1. jsp 文件上传浏览，支持ie6，ie7，ie8
  1. 老板要写个jsp的文件上传浏览，一上网找到好多，用静态的都可以。但是，一部署到服务器上去就都不能用了。
  2. 找了好久终于找到一个jsp上能用的…… 分享！！
  2. <%@ page language="java" contentType="text/html; charset=UTF-8" 
  3.     pageEncoding="UTF-8"%> 
  4. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  6. <html xmlns="http://www.w3.org/1999/xhtml"> 
  7.     <head> 
  8.         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
  9.         <link rel="stylesheet" href="../css/common.css" href="css/common.css" type="text/css" /> 
  10.         <title>管理区域</title> 
  11.         <style type="text/css"><!-- 
  12. #newPreview 
  13. { 
  14. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale); 
  15. } 
  16. --></style> 
  17. <script type="text/javascript" language="javascript"><!-- 
  18. var flag=true; 
  19. function PreviewImg(imgFile) 
  20. { 
  21. //新的预览代码，支持 IE6、IE7,IE8也支持，firefox不支持！！我测试了的…… 
  22. var newPreview = document.getElementById("newPreview"); 
  23. newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value; 
  24. if(flag) 
  25. { 
  26. newPreview.style.width = "100px"; 
  27. newPreview.style.height = "80px"; 
  28. } 
  29. } 
  30. function setImgWH() 
  31. { 
  32. var newPreview = document.getElementById("newPreview"); 
  33. flag=false; 
  34. newPreview.style.width = document.getElementById("txtImgWidth").value;; 
  35. newPreview.style.height = document.getElementById("txtImgHeight").value; 
  36. } 
  37. // --></script> 
  38.     </head> 
  39.     <body> 
  40.         <div id="man_zone"> 
  41.         <form action="product.do?command=addProduct" method="post" name="Upload" enctype="multipart/form-data"> 
  42.                 <table width="100%" border="0" align="center" cellpadding="3" 
  43.                     cellspacing="1" class="table_style"> 
  45.                     <tr> 
  46.                         <td class="left_title_2"> 
  47.                             商品图片： 
  48.                         </td> 
  49.                         <td><input type="file" name="file" onchange="javascript:PreviewImg(this);" style="border: 1px #FFFFFF 
  50. solid;background:#efefef" style="border: 1px #FFFFFF 
  51. solid;background:#efefef" /><font color=red>*</font><div id="newPreview"></div></td> 
  52.                     </tr> 
  53.                     <tr> 
  54.                         <td class="left_title_1"> 
  55.                             <input type="submit" name="Submit" value="增加" /> 
  56.                         </td> 
  57.                         <td> 
  58.                             <input type="reset" name="Reset" value="重置" /> 
  59.                         </td> 
  60.                     </tr> 
  61.                 </table> 
  62.             </form> 
  63.         </div> 
  64.     </body> 
  65. </html>
相关推荐
阅读 +

© 2020 asciim码

人生就是一场修行