0

asp.net Webフォームで新しい画像を追加し、以前の画像を同時に編集するために、jasny画像アップロードを使用したいと考えています。ボタンのクリックで表示されるニュースを追加および編集するための非表示の div パンがあります。

これは私の News.aspx ページのコードです:

<div id="AddNewNews" class="col-lg-12" runat="server" visible="false">


        <div class="form-group">
            <div class="col-lg-2">
                <asp:Label ID="lblTitle" runat="server" Text="Title">
                </asp:Label>
            </div>
            <div class="col-lg-10">
                <asp:RequiredFieldValidator ID="ReqValTxtTitle"
                    runat="server" ValidationGroup="group1" EnableClientScript="true"
                    ControlToValidate="txtTitle" ForeColor="Red" Text="*" />
                <asp:TextBox ID="txtTitle" runat="server" CssClass="form-control" MaxLength="100"></asp:TextBox>

            </div>
                            <div class="clr"></div>

        </div>
        <div class="form-group">
            <div class="col-lg-2">
                <asp:Label ID="lblSummary" runat="server" Text="Summary">
                </asp:Label>
            </div>
            <div class="col-lg-10">
                <asp:RequiredFieldValidator ID="ReqValTxtSummary" EnableClientScript="true" ForeColor="Red" runat="server" ValidationGroup="group1"
                    ControlToValidate="txtSummary" Text="*" />
                <asp:TextBox ID="txtSummary"
                    runat="server" onkeypress="return CheckLength();"
                    TextMode="MultiLine" CssClass="form-control"
                    MaxLength="200">
                </asp:TextBox>
            </div>
            <div class="clr"></div>
        </div>

        <div class="form-group">
            <div class="col-lg-2">

                <asp:Label ID="lblDesc" runat="server" Text="Description">
                </asp:Label>
            </div>
            <div class="col-lg-10">

                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server"
                    ValidationGroup="group1" EnableClientScript="true"
                    ControlToValidate="CKEditor1" ForeColor="Red" Text="*" />

                <CKEditor:CKEditorControl ID="CKEditor1" BasePath="/ckeditor/" runat="server"></CKEditor:CKEditorControl>

            </div>                <div class="clr"></div>

        </div>
                   <div class="form-group">
            <div class="col-lg-2">
                <asp:Label ID="lblImg" runat="server" Text="Select Picture">
                </asp:Label>
            </div>

            <div class="col-lg-2">

                <div class="fileinput <%=Session["statusNE"]%>" data-provides="fileinput" data-name="NewsImg">
                    <input type="hidden" name="NewsImg" value="1" runat="server" />
                    <div class="fileinput-new thumbnail" style="width: 200px; height: 150px;">
                        <img src="~/Content/images/200x150.png" alt="No Image">
                    </div>
                    <div class="fileinput-preview fileupload-exists thumbnail" style="max-width: 200px; max-height: 150px; line-height: 20px;">
                        <img src="#" runat="server" id="NewsImageUrl" />
                    </div>
                    <div style="text-align: center;">
                        <span class="btn btn-default btn-file"><span class="fileinput-new">Select</span>
                            <span class="fileinput-exists">Change</span>
                            <input type="file" name="NewsImg" id="NewsImg" runat="server">
                        </span>
                        <a href="#" class="btn btn-default fileinput-exists" data-dismiss="fileinput">Remove</a>
                    </div>
                </div>


            </div>

        </div>

Session["statusNE"] は、「fileinput-exists」または「fileinput-new」を示します。ただし、新しいニュース モードの追加では、画像用に 2 つのボックスが表示されます。どうすれば管理できますか?ありがとう。

4

1 に答える 1