Javascript не работает на chrome

Question

Я хочу показать изображение, выбранное пользовательским элементом управления в окне изображения. Для этого я использую JavaScript. Он работает отлично на IE, но на chrome он не работает.

код

My 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 еще не (и, возможно, разные браузеры реагируют по-разному), поэтому вы должны попытаться запустить свой JS-код в

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

Answer 2

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.

Если у вас есть ошибки скрипта, вы не можете гарантировать, что ваш javascript выше будет работать, исправить другие ошибки, и вы можете найти его работает нормально.