You can check your example :https://demos.telerik.com/aspnet-ajax/pdfviewer/applicationscenarios/dplintegration/defaultcs.aspx
This is my code:
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<
html
xmlns
=
'http://www.w3.org/1999/xhtml'
>
<
head
runat
=
"server"
>
<
title
>Telerik ASP.NET Example</
title
>
<
script
type
=
"text/javascript"
src
=
"https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.js"
></
script
>
<
link
href
=
"styles.css"
rel
=
"stylesheet"
/>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
runat
=
"server"
ID
=
"RadScriptManager1"
/>
<
telerik:RadSkinManager
ID
=
"RadSkinManager1"
runat
=
"server"
ShowChooser
=
"true"
/>
<
script
type
=
"text/javascript"
>
window.pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.2/pdf.worker.js';
function pageLoad(app, args) {
var upload = $find('<%= RadAsyncUpload1.ClientID %>');
$(upload.get_element()).find("input[type='file']").attr("accept", ".docx, .rtf, .html, .txt, .xlsx, .csv");
}
function fileUploaded(sender, args) {
$find('<%= RadAjaxManager1.ClientID %>').ajaxRequest();
}
</
script
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
EnablePageHeadUpdate
=
"false"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadAjaxManager1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadAsyncUpload1"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadPdfViewer1"
LoadingPanelID
=
"RadAjaxLoadingPanel1"
/>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadLabel1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
>
</
telerik:RadAjaxLoadingPanel
>
<
div
class
=
"demo-container size-wide"
runat
=
"server"
>
<
telerik:RadAsyncUpload
ID
=
"RadAsyncUpload1"
runat
=
"server"
OnClientFileUploaded
=
"fileUploaded"
OnFileUploaded
=
"RadAsyncUpload1_FileUploaded"
AllowedFileExtensions
=
".docx,.rtf,.html,.txt,.xlsx,.csv"
HideFileInput
=
"true"
AutoAddFileInputs
=
"false"
Localization-Select
=
"Upload And Convert"
EnableInlineProgress
=
"false"
MultipleFileSelection
=
"Disabled"
/>
<
telerik:RadLabel
ID
=
"RadLabel1"
runat
=
"server"
Text="Displayed Document: <b>Document.pdf</
b
>"
Style="float: left;">
</
telerik:RadLabel
>
<
telerik:RadLabel
ID
=
"RadLabel2"
runat
=
"server"
Text="Supported formats: <b>.docx / .rtf / .html / .txt / .xlsx / .csv</
b
>"
Style="float: right;">
</
telerik:RadLabel
>
<
br
/>
<
br
/>
<
br
/>
<
div
dir
=
"ltr"
runat
=
"server"
>
<
telerik:RadPdfViewer
runat
=
"server"
ID
=
"RadPdfViewer1"
Height
=
"550px"
Width
=
"100%"
Scale
=
"0.9"
Skin
=
"Default"
RenderMode
=
"Lightweight"
>
<%--<
PdfjsProcessingSettings
File
=
"../../Document.pdf"
></
PdfjsProcessingSettings
>--%>
</
telerik:RadPdfViewer
>
</
div
>
</
div
>
</
form
>
</
body
>
</
html
>
using
System;
using
System.IO;
using
System.Text.RegularExpressions;
using
Telerik.Web.UI;
using
Telerik.Windows.Documents.Common.FormatProviders;
using
Telerik.Windows.Documents.Flow.FormatProviders.Docx;
using
Telerik.Windows.Documents.Flow.FormatProviders.Html;
using
Telerik.Windows.Documents.Flow.FormatProviders.Rtf;
using
Telerik.Windows.Documents.Flow.FormatProviders.Txt;
using
Telerik.Windows.Documents.Flow.Model;
using
Telerik.Windows.Documents.Spreadsheet.FormatProviders;
using
Telerik.Windows.Documents.Spreadsheet.FormatProviders.OpenXml.Xlsx;
using
Telerik.Windows.Documents.Spreadsheet.FormatProviders.TextBased.Csv;
using
Telerik.Windows.Documents.Spreadsheet.Model;
namespace
MCS.Web
{
public
partial
class
DefaultCS : BasePageClass
{
protected
void
Page_Load(
object
sender, EventArgs e)
{
int
maxSize = 10 * 1024 * 1024;
// 10MB
RadAsyncUpload1.MaxFileSize = maxSize;
RadPdfViewer1.MaxSerializerLength = maxSize;
}
protected
void
RadAsyncUpload1_FileUploaded(
object
sender, FileUploadedEventArgs e)
{
byte
[] renderedBytes =
null
;
string
extention = Path.GetExtension(e.File.FileName);
// RadFlow Documents
if
(Regex.IsMatch(extention,
".docx|.rtf|.html|.txt"
))
{
IFormatProvider<RadFlowDocument> provider =
null
;
RadFlowDocument document =
null
;
switch
(extention)
{
case
".docx"
: provider =
new
DocxFormatProvider();
break
;
case
".rtf"
: provider =
new
RtfFormatProvider();
break
;
case
".html"
: provider =
new
HtmlFormatProvider();
break
;
case
".txt"
: provider =
new
TxtFormatProvider();
break
;
default
: provider =
null
;
break
;
}
document = provider.Import(e.File.InputStream);
Telerik.Windows.Documents.Flow.FormatProviders.Pdf.PdfFormatProvider pdfProvider =
new
Telerik.Windows.Documents.Flow.FormatProviders.Pdf.PdfFormatProvider();
using
(MemoryStream ms =
new
MemoryStream())
{
pdfProvider.Export(document, ms);
renderedBytes = ms.ToArray();
}
}
// Workbook Documents
else
if
(Regex.IsMatch(extention,
".xlsx|.csv"
))
{
IWorkbookFormatProvider provider =
null
;
Workbook document =
null
;
switch
(extention)
{
case
".xlsx"
: provider =
new
XlsxFormatProvider();
break
;
case
".csv"
: provider =
new
CsvFormatProvider();
break
;
default
: provider =
null
;
break
;
}
document = provider.Import(e.File.InputStream);
Telerik.Windows.Documents.Spreadsheet.FormatProviders.Pdf.PdfFormatProvider pdfProvider =
new
Telerik.Windows.Documents.Spreadsheet.FormatProviders.Pdf.PdfFormatProvider();
using
(MemoryStream ms =
new
MemoryStream())
{
pdfProvider.Export(document, ms);
renderedBytes = ms.ToArray();
}
}
RadLabel1.Text =
"Displayed Document: <b>"
+ e.File.FileName +
"</b>"
;
RadPdfViewer1.PdfjsProcessingSettings.FileSettings.Data = Convert.ToBase64String(renderedBytes);
}
}
}