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
})