Javascript未在Chrome上運行

Question

我想在圖像框中顯示由用戶控件選擇的圖像。 為此，我正在使用JavaScript。 在IE上運行正常，但在chrome上無法正常工作。

我的Javascript代碼是

var ShowPreview = function (event) {
    var reader = new FileReader();
    reader.onload = function () {
        var output = document.getElementById('Img_CreateUser');
        output.src = reader.result;
    };
    reader.readAsDataURL(event.target.files[0]);
};

我的HTML代碼是

<asp:Image ID="Img_CreateUser" runat="server"/>

            <input type="file" name="Upload_CreateUser" id="Upload_CreateUser" onchange="ShowPreview(event);" />
            <%--<asp:FileUpload ID="Upload_CreateUser" runat="server" />--%>

Answer 1

我無法從此代碼段中確定，但是我認為在腳本運行時尚未加載DOM（也許不同的瀏覽器會做出不同的響應），因此您應該嘗試在

$(document).ready(function(){
   //your code
})

Answer 2

它給這個錯誤“未捕獲的TypeError：$不是一個函數”，但我已經更改了我的jquery文件，然后為什么要選擇$ .... ????？

聽起來您的腳本取決於包含jquery之前運行的jquery。 您是否在頁腳中包含了jQuery？ 如果是這樣，請確保所有依賴於jquery的腳本都在jquery include之下。

如果您遇到腳本錯誤，則不能保證上面的javascript能夠正常工作，請修復其他錯誤，您可能會發現它正常工作。