FileUpload 控件得到图片路径后即时显示图片

对于这个问题fileupload没有事件能够即时显示图片的！因此，我们要用JavaScript中的onchang方法来显示图片！

//方法

function change() {
            var fileName = document.getElementById("ctl00_ContentPlaceHolder1_FileUpTrolley").value;
            if (fileName == "")
                return;
            var exName = fileName.substr(fileName.lastIndexOf(".") + 1).toUpperCase()
            if (exName == "JPG" || exName == "BMP" || exName == "GIF") {
                document.getElementById("ctl00_ContentPlaceHolder1_myimg").src = fileName;

                if (document.getElementById("ctl00_ContentPlaceHolder1_myimg").fileSize > 512000) {
                    document.getElementById("ctl00_ContentPlaceHolder1_myimg").src = "";
                    alert("但是文件大小只能小于500KB");
                }
            }
            else {
                alert("请选择正确的图片文件");
                document.getElementById("ctl00_ContentPlaceHolder1_FileUpTrolley1").value = "";
            }
        }

 

页面的内容！

 

 

<asp:FileUpload ID="FileUpTrolley" runat="server" οnchange="change()" />//引用方法
<img ID="myimg" runat="server" alt="" height="100" src="../Images/NoImage.jpg"
style="border: thin ridge #00CC00" width="100" />