Как открыть выбранный файл PDF в модальном всплывающем окне предварительного просмотра на той же странице - PullRequest
Новая
       17

Как открыть выбранный файл PDF в модальном всплывающем окне предварительного просмотра на той же странице

0 голосов
/ 23 апреля 2019

У меня есть простая форма asp.net, где я дал возможность выбрать файл PDF.Ниже есть кнопка ссылки, которая должна отображать выбранный выше PDF-файл во всплывающем окне с кнопкой ссылки во всплывающем окне.

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

    <div class="Upload File">
        <input type="button" id="BtnFileManuscript" class="Button-Upload" value="Select Manuscript file (*.PDF)" tabindex="1" />
        <span id="spnFileNameManuscript"></span>
        <input type="file" id="fileManuScript" name="fileManuScript" accept=".pdf" style="display: none;" />
        <input type="hidden" id="fileNameManuscript" name="fileNameManuscript" />
    </div>
    <div class="Upload">
        <asp:TextBox runat="server" ID="TxtTotalPages" Width="340" MaxLength="4" onkeypress="return IsNumber(event)" PlaceHolder="Total Number of Pages" TabIndex="2" />
        <asp:RequiredFieldValidator runat="server" ID="ReqTotalPages" ControlToValidate="TxtTotalPages" CssClass="Validate" ValidationGroup="Files" ErrorMessage="Please enter the number of pages." />
    </div>
    <div class="Upload">
        <asp:TextBox runat="server" ID="TxtTotalBlackWhite" Width="340" MaxLength="4" onkeypress="return IsNumber(event)" PlaceHolder="Total Black & White Pages" TabIndex="3" />
    </div>
    <div class="Upload">
        <asp:TextBox runat="server" ID="TxtTotalColor" Width="340" MaxLength="4" onkeypress="return IsNumber(event)" PlaceHolder="Total Color Pages" TabIndex="4" />
        <asp:Label runat="server" ID="LblErrorPages" Visible="false" CssClass="Validate" Text="Please enter either Number of Black & White pages or Number of Color pages" />
    </div>
    <div class="Upload">
        <asp:TextBox runat="server" ID="TxtColorPages" Width="340" MaxLength="250" PlaceHolder="Color Page Numbers" TabIndex="5" />
        <asp:RegularExpressionValidator runat="server" ID="RegColorPages" ControlToValidate="TxtColorPages" CssClass="Validate" ValidationGroup="Files" ErrorMessage="Please enter the Color Page Numbers in (1 - 8, 19 - 20) format" ValidationExpression="(\d)+([\,[\s\-]?\d?)+" />
        <asp:Label runat="server" ID="LblColorPages" Visible="false" CssClass="Validate" Text="Please enter the Color Page Numbers in (1 - 8, 19 - 20) format" />
    </div>
    <div class="Upload File">
        <input type="button" id="BtnFileCover" class="Button-Upload" value="Select Cover file (*.PDF)" />
        <span id="spnFileNameCoverPage"></span>
        <input type="file" id="fileCover" name="fileCover" accept=".pdf" style="display: none;" />
    </div>
    <div class="Upload File">
        <input type="button" id="BtnFileCoverImage" class="Button-Upload" value="Select Cover Image file (*.png)" />
        <span id="spnFileNameCoverImage"></span>
        <input type="file" id="FileCoverImage" name="FileCoverImage" accept=".png" style="display: none;" />
    </div>
    <div class="Upload File">
        <asp:LinkButton runat="server" ID="LnkPreview" Text="Preview & Approve" TabIndex="8" />
    </div>

Я хочу открыть всплывающий предварительный просмотр с файлом, выбранным в fileManuScript, с помощью кнопки ссылки, которая отправляет элемент управления на сторону сервера для утверждения и сохранения.

...