上传图片预览

来源:互联网 发布:数据库实用教程 陈冬亮 编辑:程序博客网 时间:2024/04/29 23:46
  1. <html xmlns="http://www.w3.org/1999/xhtml" >
  2. <head runat="server">
  3.     <title>无标题页</title>
  4. <style type="text/css">
  5. #newPreview
  6. {
  7.     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
  8. }
  9. </style>
  10. <script type="text/javascript" language="javascript">
  11. <!--
  12. function PreviewImg(imgFile)
  13. {
  14.     var newPreview = document.getElementById("newPreview");
  15.     newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
  16.     newPreview.style.width = "80px";
  17.     newPreview.style.height = "60px";
  18. }
  19. -->
  20. </script>
  21. </head>
  22. <body>
  23. <form id="form1" runat="server">
  24. <input type="file" size="20" onchange="javascript:PreviewImg(this);" />
  25. <div id="newPreview"></div>
  26. </form>
  27. </body>
  28. </html>
原创粉丝点击