Question

我在内容页面上有一个可以工作的脚本。如果我在没有母版页的普通页面上使用脚本就可以了。有人可以帮忙吗

＆＃13;

<%@ Page Language="C#" MasterPageFile="~/Site2.Master" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="MojSajt.WebForm1" %>

<asp:Content ID="Content1" runat="server" ContentPlaceHolderID="ContentPlaceHolder1">
  
  <script type="text/javascript">
      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]);
          }
      }
    </script>
        
            <div >
            <asp:Image ID="ImgPrv" Height="80px" Width="80px" runat="server" /><br />
            <asp:FileUpload ID="flupImage" runat="server" onchange="ShowpImagePreview(this);" />
            </div>
   
    </asp:Content>

＆＃13;

Answer 1

将您的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不变。

脚本不适用于内容页面

1 个答案: