Javascript не работает после добавления мастер-страницы

Первоначально я могу просмотреть изображение после выбора изображения. После добавления главной страницы javascript больше не работает.Javascript не работает после добавления мастер-страницы

Это моя главная страница

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs" Inherits="Testing.Site1" %> 

<!DOCTYPE html> 

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head runat="server"> 
<title></title> 
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>  
<asp:ContentPlaceHolder ID="head" runat="server">  
</asp:ContentPlaceHolder> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
    <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> 
    </asp:ContentPlaceHolder> 
</div> 
</form> 
</body> 
</html>

Это мое содержание страницы

<%@ Page Language="C#" MasterPageFile="~/Site1.Master" AutoEventWireup="true" CodeBehind="Testing1.aspx.cs" Inherits="Testing.Testing1" %> 
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server"> 
<script type="text/javascript"> 
    function imagepreview(input) 
    { 
     if (input.files && input.files[0]) { 
      var fildr = new FileReader(); 
      fildr.onload = function (e) { 
       $('#Image1').attr('src', e.target.result); 
      }; 
      fildr.readAsDataURL(input.files[0]); 
     } 
    } 
</script> 
</asp:Content> 
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="server"> 

    <asp:FileUpload ID="FileUpload1" runat="server" /> 
    <br /> 
    <asp:Image ID="Image1" runat="server" height="100" Width="100" /> 
    <br /> 
    <br /> 
    <asp:Button ID="btnUpload" runat="server" Text="Upload" OnClick="btnUpload_Click" /> 
    <br /> 
    <br /> 
    <asp:TextBox ID="tbRetrieve" runat="server"></asp:TextBox> 
    <br /> 
    <asp:Button ID="btnRetrieve" runat="server" Text="Retrieve" OnClick="btnRetrieve_Click" /> 
    <br /> 
    <asp:Image ID="Image2" runat="server" /> 
    <br /> 
    <asp:Label ID="lblMessage" runat="server"></asp:Label> 
    <br /> 
    <br /> 
    </asp:Content>

И это мой код за

protected void Page_Load(object sender, EventArgs e) 
    { 
     FileUpload1.Attributes["onchange"] = "imagepreview(this)"; 
     if (!IsPostBack) 
     { 
      lblMessage.Visible = false; 
     } 
    }

Итак, в чем проблема?

источник

2017-02-17 Tan Zc

При добавлении главной страницы код поиска идентификатора управления будет изменен, вам придется заменить свой код следующим образом.

<script type="text/javascript"> 
function imagepreview(input) 
{ 
    if (input.files && input.files[0]) { 
     var fildr = new FileReader(); 
     fildr.onload = function (e) { 
      $('#<%=Image1.ClientID%>').attr('src', e.target.result); 
     }; 
     fildr.readAsDataURL(input.files[0]); 
    } 
}

источник

2017-02-17 06:53:30

попробуйте, прежде чем не работать –

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

Page .ClientScript.RegisterStartupScript (this.GetType(), "CallMyFunction", "MyFunction()", true);

источник

2017-02-17 06:53:40

"CallMyFunction" <- Это переменная или что? –

То есть имя метода –

Javascript не работает после добавления мастер-страницы

ответ

Смежные вопросы