上传图片预览
来源:互联网 发布:数据库实用教程 陈冬亮 编辑:程序博客网 时间:2024/04/29 23:46
- <html xmlns="http://www.w3.org/1999/xhtml" >
- <head runat="server">
- <title>无标题页</title>
- <style type="text/css">
- #newPreview
- {
- filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
- }
- </style>
- <script type="text/javascript" language="javascript">
- <!--
- function PreviewImg(imgFile)
- {
- var newPreview = document.getElementById("newPreview");
- newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
- newPreview.style.width = "80px";
- newPreview.style.height = "60px";
- }
- -->
- </script>
- </head>
- <body>
- <form id="form1" runat="server">
- <input type="file" size="20" onchange="javascript:PreviewImg(this);" />
- <div id="newPreview"></div>
- </form>
- </body>
- </html>