Open pdf.js with a data URL in IE11

Question

I'm trying to use pdf.js for showing a document in a data URL on IE10. That is, something like this.

It works well with Firefox or Chrome, but in Internet Explorer 10 and 11, the interface is shown, but stays empty, and the document never loads.

I checked, compatibility.js is included in the renderer page (viewer.html), so IE support should be present.

EDIT: actually it's a security issue, as IE doesn't let to run a request of this type.

Thanks in advance,

Convert your data URL to byte array and use to open using PDFViewerApplication.open? — async5, Jun 17 '15 at 18:38
Keep in mind than IE also truncates the long URL, so your base64 encoded PDF can be corrupted. — async5, Jun 17 '15 at 18:39

score 1 · Accepted Answer · edited May 23 '17 at 12:07

1

Ok, if someone runs to the same problem, I solved it by bypassing the lib's normal loading path, and as async5 advised, converting directly the data to a byte array.

That is, in viewer.js, add those lines under line 6856 :

  if (file && file.lastIndexOf('data:', 0) === 0) {
      // data: url-scheme. we will load those with direct conversion to byte array

      function convertDataURIToBinary(dataURI) {
          var base64Index = dataURI.indexOf(BASE64_MARKER) + BASE64_MARKER.length;
          var base64 = dataURI.substring(base64Index);
          var raw = window.atob(base64);
          var rawLength = raw.length;
          var array = new Uint8Array(new ArrayBuffer(rawLength));

          for(var i = 0; i < rawLength; i++) {
              array[i] = raw.charCodeAt(i);
          }
          return array;
      }

      // PDFViewerApplication.setTitleUsingUrl(file);
      PDFViewerApplication.open(convertDataURIToBinary(file), 0);

      return;
  }

(the base64 to byte array code is the one posted by Codetoffel here)

edited May 23 '17 at 12:07

Community

1
1

answered Jun 18 '15 at 12:48

Eino Gourdin

4,169
3
39
67

Which is the PDFViewerApplication in this case?...adobe reader? – AkshayJ Feb 19 '16 at 05:35
No it's a class that is internal to pdf.js – Eino Gourdin Feb 19 '16 at 13:52
Isnt there any other workaround that using pdf.js for just making it work in IE11?...i mean thats too much of overhead for just support in IE :( – AkshayJ Feb 22 '16 at 05:37
You can indeed open PDFs in an external application, Adobe, or Window's Reader app. – Eino Gourdin Feb 23 '16 at 13:29

Open pdf.js with a data URL in IE11

1 Answers1

Linked