Javascript 脚本在内容页上不起作用

Javascript 脚本在内容页上不起作用,javascript,asp.net,webforms,Javascript,Asp.net,Webforms,我在内容页上有一个脚本不起作用。如果我在没有母版页的正常页面上使用脚本,它会工作。有人能帮忙吗 函数ShowpImagePreviewinput{ 如果输入.files&&input.files[0]{ var reader=新文件读取器; reader.onload=函数e{ $'ImgPrv'.attr'src',e.target.result; } reader.readAsDataURLinput.files[0]; } } 将您的js更改为: $(document).ready(fu

我在内容页上有一个脚本不起作用。如果我在没有母版页的正常页面上使用脚本,它会工作。有人能帮忙吗

函数ShowpImagePreviewinput{ 如果输入.files&&input.files[0]{ var reader=新文件读取器; reader.onload=函数e{ $'ImgPrv'.attr'src',e.target.result; } reader.readAsDataURLinput.files[0]; } } 将您的js更改为:

$(document).ready(function () {
           function ShowpImagePreview(input) {
              if (input.files && input.files[0]) {
                  var reader = new FileReader();
                  reader.onload = function (e) {
                      $('#ImgPrv').attr('src', e.target.result);
                  }
                  reader.readAsDataURL(input.files[0]);
              }
            }
        });
将图像控制代码更改为

<asp:Image ID="ImgPrv" Height="80px" ClientIDMode="Static" Width="80px" runat="server" /><br />

呈现控件时,它会更改控件ID以反映ID中内容持有者或父控件的路径。ClientIDMode=Static将保持ID不变。

请研究母版页如何影响HTML元素的呈现ID属性。这将解释为什么您可以在普通页面上找到ImgPrv,但如果使用母版页则无法找到