2016-04-29 77 views
0

我想在圖像框中顯示由用戶控件選擇的圖像。爲此,我正在使用JavaScript。它在IE上運行良好,但在Chrome上無法正常工作。Javascript未在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" />--%> 
+0

工作正常... https://jsfiddle.net/rayon_1990/2s2aka65/ – Rayon

+0

@Rayon它在IE上工作正常,但我不知道爲什麼它不在我的機器上工作。 –

+0

在Chrome上測試_Version 50.0.2661.94 m_ – Rayon

回答

1

我不能肯定地告訴從這個片段,但我認爲,在當時的腳本運行的DOM尚未加載(也許不同的瀏覽器響應不同),所以你應該嘗試運行你的JS代碼

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

it's giving this error "Uncaught TypeError: $ is not a function" but i have changed my jquery file then why is it picking up $....????

聽起來像你有腳本取決於jquery包含jquery之前運行。 你在頁腳中加入了jquery嗎?如果是這樣,確保任何依賴於jQuery的腳本都在jquery include下面。

如果你有腳本錯誤,那麼你不能保證你的JavaScript以上的工作,修復其他錯誤,你可能會發現它工作得很好。