MyException - 我的异常网
当前位置:我的异常网» C# » Js+Css兑现图片上传预览功能

Js+Css兑现图片上传预览功能

www.MyException.Cn  网友分享于:2013-04-21  浏览:80次
Js+Css实现图片上传预览功能
<style type="text/css">
        #newPreview{
            FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
        }
    </style>
function showPreview(imgFile) {

            var newPreview = document.getElementById("newPreview"); alert(document.getElementById("<%=filePic.ClientID %>").value);
            newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
            newPreview.style.width = "130px";
            newPreview.style.height = "75px";
            document.getElementById("<%=imgAD.ClientID %>").style.display = "none";
        }
以下是页面代码:
<td style="border-bottom: none; width: 100px">
                                                    <div id="newPreview">
                                                        <asp:Image ID="imgAD" runat="server"  Width="130px" Height="75px" />
                                                    </div>
                                                </td>
                                                <td style="border-bottom: none;">
                                                    <asp:FileUpload ID="filePic" runat="server" ToolTip="上传图片" onchange="showPreview(this)" />
                                                </td>
JS获取filePic的value值不是图片上传的路径,变成
C:\fakepath\05.jpg,是杂回事


------解决方案--------------------

文章评论

软件开发程序错误异常ExceptionCopyright © 2009-2015 MyException 版权所有