Display PDF in Bootstrap File Input

Question

I am using this Plugin For File Upload in JQuery:

http://plugins.krajee.com/file-input

While Uploading PDF File Preview is showing successfully but again when iam viewing file after upload it showing blank page for PDF File, but it showing Preview for Images.

var ticketFileAttahmentName= 'Karthik_B.TEch_Certificate2017-10-16 09:38:06.463.Karthik_B.TEch_Certificate.pdf';
var src="/atriticketing/files/" + ticketFileAttahmentName;
 $("#testing").fileinput({
            initialPreview: [src],
            initialPreviewAsData: true
         });

After Viewing PDF File

Answer 1

Html:

<iframe src=""></iframe>

Js (answers to convert file to base64):

var base64File = getBase64File();
$('iframe').attr('src', base64File);