预览上传的PDF和图像文件

时间:2018-03-05 08:15:51

标签: javascript jquery html asp.net-mvc

我创建了一个文档上传网格视图页面。

我想在其他新标签中预览上传的PDF和图片。

我已经完成了Image视图。 如何查看Uploaded PDf文件。

1 个答案:

答案 0 :(得分:0)

在Gridview中添加一个模板字段,如下所示

<ItemTemplate>                
         <asp:LinkButton ID="lnkbtnView" CommandArgument='<%# Eval("AttachmentPath") %>' OnClick="lnkbtnView_Click" runat="server">View</asp:LinkButton>
</ItemTemplate>

然后添加另一个页面以便像这样查看pdf

像这样添加iframe

 <iframe id="pdfiframe" name="pdfiframe" runat="server" width="100%" Height="700px" />

然后在你的第一页模板上点击写这样的代码

protected void lnkbtnView_Click(object sender, EventArgs e)
        {            
                string pathh = "~\\Documents\\" + ((sender as LinkButton).CommandArgument).ToString();
               //suppose your all pdf are in document folder here you can give your foldername
                Session["pdf"] = pathh;

                Response.Write("<script> window.open('" + "DocumentViewerPage.aspx" + "','_blank','toolbar = yes, scrollbars = yes, resizable = yes, top = 30, left = 100, width = 1160, height = 600'); </script>");
    }

然后在您要预览的新标签页的页面加载

// on any button click or page load


pdfiframe.Attributes["src"] =Session["pdf"].ToString(); //Here you need to pass the source of that file