[Solved] Display PDF Error: Uncaught Error: Invalid parameter object: need either .data, .range or .url

Hello forum,

I tried to click on GridView row and redirect to another page and show the record in pdf format. When I click on the first GridView row, the record that is clicked will show in another page and that is fine. But when I click on the second row, it redirects to another page but will no show the record in pdf, it shows a blank web page. Then when I checked on the browser console, I saw this error as shown here in the link below:

Uncaught Error: Invalid parameter object: need either .data, .range or .url

Here is  my Code

Gridview.aspx

<asp:GridView ID="GridView2" runat="server" GridLines="None" DataKeyNames="Name" AllowPaging="true" HeaderStyle-ForeColor="#05214d" HeaderStyle-Font-Bold="false" HeaderStyle-Font-Size="11pt" Font-Size="10pt"
    AutoGenerateColumns="false" OnSelectedIndexChanged="OnSelectedIndexChanged" OnRowDataBound="OnRowDataBound" HeaderStyle-HorizontalAlign="left" RowStyle-HorizontalAlign="Left" OnPageIndexChanging="OnPageIndexChanging" class="table" Width="100%">
    <EmptyDataTemplate>
        <div>
            <hr />
            <hr />
            <asp:Label ID="labelTemp" runat="server" Font-Bold="true" Font-Size="12pt" Text="No Record"></asp:Label>
            <hr />
            <hr />
        </div>
    </EmptyDataTemplate>
    <Columns>
        <asp:BoundField DataField="Name" HeaderText="File Name" />
        <asp:BoundField DataField="CreatedBy" HeaderText="Created By" />
        <asp:BoundField DataField="CreatedDate" HeaderText="Date Created" />
    </Columns>
</asp:GridView>

protected void Page_Load(object sender, EventArgs e)
{
    if (!this.IsPostBack)
    {
        this.CustomersPage(1);
    }
}
 
private void CustomersPage(int pageIndex)
{
        using (SqlConnection con = new SqlConnection("Data Source=(LocalDB)\\MSSQLLocalDB;AttachDbFilename=|DataDirectory|\\Dataregister.mdf;Integrated Security = True"))
        {
            using (SqlCommand cmd = new SqlCommand("ReceiptUpload", con))
            {
                cmd.CommandType = CommandType.StoredProcedure;
                cmd.Parameters.AddWithValue("@CreatedBy", createby.Text.Trim());
                cmd.Parameters.AddWithValue("@PageIndex", pageIndex);
                cmd.Parameters.AddWithValue("@PageSize", PageSize);
                cmd.Parameters.Add("@RecordCount", SqlDbType.Int, 4);
                cmd.Parameters["@RecordCount"].Direction = ParameterDirection.Output;
                con.Open();
                using (SqlDataAdapter sda = new SqlDataAdapter())
                {
                    cmd.Connection = con;
                    sda.SelectCommand = cmd;
                    using (DataTable dt = new DataTable())
                    {
                        sda.Fill(dt);
                        GridView2.DataSource = dt;
                        GridView2.DataBind();
                        con.Close();
                        int recordCount = Convert.ToInt32(cmd.Parameters["@RecordCount"].Value);
                        this.PagePopulate(recordCount, pageIndex);
                    }
                }
            }
        }
}
 
protected void Page_Changed(object sender, EventArgs e)
{
    int pageIndex = int.Parse((sender as LinkButton).CommandArgument);
    this.CustomersPage(pageIndex);
}
 
protected void OnPageIndexChanging(object sender, GridViewPageEventArgs e)
{
    GridView2.PageIndex = e.NewPageIndex;
    this.CustomersPage(1);
}
protected void OnRowDataBound(object sender, GridViewRowEventArgs e)
{
    if (e.Row.RowType == DataControlRowType.DataRow)
    {
        e.Row.Attributes["onclick"] = Page.ClientScript.GetPostBackClientHyperlink(GridView2, "Select$" + e.Row.RowIndex);
        e.Row.Style.Add("cursor", "pointer");
        e.Row.ToolTip = "View document.";
    }
}
protected void OnSelectedIndexChanged(object sender, EventArgs e)
{
        foreach (GridViewRow row in GridView2.Rows)
        {
            if (row.RowIndex == GridView2.SelectedIndex)
            {
                int index = GridView2.SelectedIndex;
                Session["RowIndex"] = GridView2.DataKeys[index].Value.ToString();
                Response.Redirect("showpdfdoc.aspx");
            }
        }
}

Showpdfdoc.aspx

<div class="container" id="centered">
    <div class="form-horizontal">
        <h1>Document Details</h1><hr />
        <div id="pdf_container"></div>
    </div>
</div>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.min.js"></script>
    <link href="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf_viewer.min.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $.ajax({
                type: "POST",
                url: "invoicepdfdetails.aspx/GetFile",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (r) {
                    LoadPdfFromBlob(r.d.Data);
                },
                error: function (r) {
                    alert(r.responseText);
                }
            });
        });
 
        var pdfjsLib = window['pdfjs-dist/build/pdf'];
        pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.6.347/pdf.worker.min.js';
        var pdfDoc = null;
        var scale = 1; //Set Scale for zooming PDF.
        var resolution = 1; //Set Resolution to Adjust PDF clarity.
 
        function LoadPdfFromBlob(blob) {
            //Read PDF from BLOB.
            pdfjsLib.getDocument({ data: blob }).promise.then(function (pdfDoc_) {
                pdfDoc = pdfDoc_;
 
                //Reference the Container DIV.
                var pdf_container = document.getElementById("pdf_container");
                pdf_container.innerHTML = "";
                pdf_container.style.display = "block";
 
                //Loop and render all pages.
                for (var i = 1; i <= pdfDoc.numPages; i++) {
                    RenderPage(pdf_container, i);
                }
            });
        };
        function RenderPage(pdf_container, num) {
            pdfDoc.getPage(num).then(function (page) {
                //Create Canvas element and append to the Container DIV.
                var canvas = document.createElement('canvas');
                canvas.id = 'pdf-' + num;
                ctx = canvas.getContext('2d');
                pdf_container.appendChild(canvas);
 
                //Create and add empty DIV to add SPACE between pages.
                var spacer = document.createElement("div");
                spacer.style.height = "20px";
                pdf_container.appendChild(spacer);
 
                //Set the Canvas dimensions using ViewPort and Scale.
                var viewport = page.getViewport({ scale: scale });
                canvas.height = resolution * viewport.height;
                canvas.width = resolution * viewport.width;
 
                //Render the PDF page.
                var renderContext = {
                    canvasContext: ctx,
                    viewport: viewport,
                    transform: [resolution, 0, 0, resolution, 0, 0]
                };
 
                page.render(renderContext);
            });
        };
    </script>

Showpdfdoc.aspx.cs

[WebMethod(EnableSession = true)]
public static object GetFile()
{
    string fileName = String.Empty;
    byte[] bytes = null;
    string type = string.Empty;
    using (SqlConnection con = new SqlConnection("Data Source=(LocalDB)\\MSSQLLocalDB;AttachDbFilename=|DataDirectory|\\Dataregister.mdf;Integrated Security = True"))
    {
        using (SqlCommand cmd = new SqlCommand("SELECT * FROM tableinvoice WHERE Name = @Name", con))
        {
            cmd.Parameters.AddWithValue("@Name", HttpContext.Current.Session["RowIndex"]);
            con.Open();
            using (SqlDataReader dr = cmd.ExecuteReader())
            {
                if (dr.Read())
                {
                    fileName = dr["Name"].ToString();
                    bytes = (byte[])dr["Data"];
                    type = dr["ContentType"].ToString();
                }
            }
            con.Close();
        }
    }
    return new { Name = fileName, Data = bytes, ContentType = type };
}