search

jpillora / xdomain

A pure JavaScript CORS alternative
https://jpillora.com/xdomain/
3.12k stars 269 forks source link

IE9 cross request to AWS S3 pdf #163

Open contiero-roberto opened 9 years ago

contiero-roberto commented 9 years ago

Hi. In my project (suppose that it is hosted on www.example.com) I'm trying to use pdf.js to view a pdf downloaded from Amazon S3 in Internet Explorer 9. This is the CORS setted into the bucket:

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
    <CORSRule>
        <AllowedOrigin>*</AllowedOrigin>
        <AllowedMethod>GET</AllowedMethod>
        <MaxAgeSeconds>3000</MaxAgeSeconds>
        <ExposeHeader>Accept-Ranges</ExposeHeader>
        <ExposeHeader>Content-Encoding</ExposeHeader>
        <ExposeHeader>Content-Length</ExposeHeader>
        <ExposeHeader>Content-Range</ExposeHeader>
        <AllowedHeader>*</AllowedHeader>
    </CORSRule>
</CORSConfiguration>

In the root of that bucket I have putted this proxy.html:

<!DOCTYPE html>
<html>
<head>
    <title>XDomain Proxy - Slave</title>
    <script src="//cdn.rawgit.com/jpillora/xdomain/0.7.3/dist/xdomain.min.js" data-master="*"></script>
</head>
<body></body>
</html>

In the viewer.js hosted on www.example.com I have putted these lines:

    <!--[if IE 9]>
    <script src="//cdn.rawgit.com/jpillora/xdomain/0.7.3/dist/xdomain.min.js"></script>
    <script>
      xdomain.debug = true;
      xdomain.slaves({
        'https://my-bucket.s3-eu-west-1.amazonaws.com': '/proxy.html'
      });
    </script>
    <![endif]-->

With this configuration in IE9 I get this error, while with Firefox and Chrome the pdf is opened properly:

LOG: xdomain (https://XXX.XXX.XXX.XXX): adding slave: https://my-bucket.s3-eu-west-1.amazonaws.com LOG: Warning: Setting up fake worker. LOG: xdomain (https://XXX.XXX.XXX.XXX): proxying request to slave: 'https://my-bucket.s3-eu-west-1.amazonaws.com' LOG: xdomain (https://XXX.XXX.XXX.XXX): creating iframe xdomain-f4d1ebaf LOG: xdomain (https://XXX.XXX.XXX.XXX): new socket: xdomain-bf099a26 LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-bf099a26: ready LOG: xdomain (https://XXX.XXX.XXX.XXX): send socket: xdomain-bf099a26: request LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-bf099a26: XD_CHECK -> [object Object] LOG: xdomain (https://XXX.XXX.XXX.XXX): send socket: xdomain-bf099a26: ready LOG: xdomain (https://XXX.XXX.XXX.XXX): ready socket: xdomain-bf099a26 (emit #1 pending) LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-bf099a26: xhr-event -> readystatechange LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-bf099a26: xhr-event -> readystatechange LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-bf099a26: response LOG: xdomain (https://XXX.XXX.XXX.XXX): send socket: xdomain-bf099a26: close LOG: xdomain (https://XXX.XXX.XXX.XXX): close socket: xdomain-bf099a26 LOG: xdomain (https://XXX.XXX.XXX.XXX): proxying request to slave: 'https://my-bucket.s3-eu-west-1.amazonaws.com' LOG: xdomain (https://XXX.XXX.XXX.XXX): new socket: xdomain-ed1314d8 LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-ed1314d8: ready LOG: xdomain (https://XXX.XXX.XXX.XXX): send socket: xdomain-ed1314d8: request LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-ed1314d8: XD_CHECK -> [object Object] LOG: xdomain (https://XXX.XXX.XXX.XXX): send socket: xdomain-ed1314d8: ready LOG: xdomain (https://XXX.XXX.XXX.XXX): ready socket: xdomain-ed1314d8 (emit #1 pending) LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-ed1314d8: xhr-event -> readystatechange LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-ed1314d8: xhr-event -> readystatechange LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-ed1314d8: response SCRIPT5007: Unable to get value of the property 'byteLength': object is null or undefined pdf.worker.js, line 2285 character 7

My pdf.js version is:

PDFJS.version = '1.1.215';
PDFJS.build = 'c9a7498';

Is there any error in my configuration? Thanks for your support.

Roberto

jpillora commented 9 years ago

SCRIPT5007: Unable to get value of the property 'byteLength': object is null or undefined

I think it won't work because IE9 doesn't support array buffer

On Tuesday, July 21, 2015, Roberto Contiero notifications@github.com wrote:

Hi. In my project (suppose that it is hosted on www.example.com) I'm trying to use pdf.js to view a pdf downloaded from Amazon S3 in Internet Explorer

  1. This is the CORS setted into the bucket:

<?xml version="1.0" encoding="UTF-8"?>

_ GET 3000 Accept-Ranges Content-Encoding Content-Length Content-Range _

In the root of that bucket I have putted this proxy.html:

<!DOCTYPE html>

XDomain Proxy - Slave

In the viewer.js hosted on www.example.com I have putted these lines:

<!--[if IE 9]>
<script src="//cdn.rawgit.com/jpillora/xdomain/0.7.3/dist/xdomain.min.js"></script>
<script>
  xdomain.debug = true;
  xdomain.slaves({
    'https://my-bucket.s3-eu-west-1.amazonaws.com': '/proxy.html'
  });
</script>
<![endif]-->

With this configuration in IE9 I get this error, while with Firefox and Chrome the pdf is opened properly:

LOG: xdomain (https://XXX.XXX.XXX.XXX): adding slave: https://my-bucket.s3-eu-west-1.amazonaws.com LOG: Warning: Setting up fake worker. LOG: xdomain (https://XXX.XXX.XXX.XXX): proxying request to slave: ' https://my-bucket.s3-eu-west-1.amazonaws.com' LOG: xdomain (https://XXX.XXX.XXX.XXX): creating iframe xdomain-f4d1ebaf LOG: xdomain (https://XXX.XXX.XXX.XXX): new socket: xdomain-bf099a26 LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-bf099a26: ready LOG: xdomain (https://XXX.XXX.XXX.XXX): send socket: xdomain-bf099a26: request LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-bf099a26: XD_CHECK -> [object Object] LOG: xdomain (https://XXX.XXX.XXX.XXX): send socket: xdomain-bf099a26: ready LOG: xdomain (https://XXX.XXX.XXX.XXX): ready socket: xdomain-bf099a26 (emit #1 https://github.com/jpillora/xdomain/issues/1 pending) LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-bf099a26: xhr-event -> readystatechange LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-bf099a26: xhr-event -> readystatechange LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-bf099a26: response LOG: xdomain (https://XXX.XXX.XXX.XXX): send socket: xdomain-bf099a26: close LOG: xdomain (https://XXX.XXX.XXX.XXX): close socket: xdomain-bf099a26 LOG: xdomain (https://XXX.XXX.XXX.XXX): proxying request to slave: ' https://my-bucket.s3-eu-west-1.amazonaws.com' LOG: xdomain (https://XXX.XXX.XXX.XXX): new socket: xdomain-ed1314d8 LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-ed1314d8: ready LOG: xdomain (https://XXX.XXX.XXX.XXX): send socket: xdomain-ed1314d8: request LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-ed1314d8: XD_CHECK -> [object Object] LOG: xdomain (https://XXX.XXX.XXX.XXX): send socket: xdomain-ed1314d8: ready LOG: xdomain (https://XXX.XXX.XXX.XXX): ready socket: xdomain-ed1314d8 (emit #1 https://github.com/jpillora/xdomain/issues/1 pending) LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-ed1314d8: xhr-event -> readystatechange LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-ed1314d8: xhr-event -> readystatechange LOG: xdomain (https://XXX.XXX.XXX.XXX): receive socket: xdomain-ed1314d8: response SCRIPT5007: Unable to get value of the property 'byteLength': object is null or undefined pdf.worker.js, line 2285 character 7

My pdf.js version is:

PDFJS.version = '1.1.215'; PDFJS.build = 'c9a7498';

Is there any error in my configuration? Thanks for your support.

Roberto

— Reply to this email directly or view it on GitHub https://github.com/jpillora/xdomain/issues/163.

contiero-roberto commented 9 years ago

Hi Jaime, if I put the pdf on my server and remove XDomain library (specifically remove this code

    <!--[if IE 9]>
    <script src="//cdn.rawgit.com/jpillora/xdomain/0.7.3/dist/xdomain.min.js"></script>
    <script>
      xdomain.debug = true;
      xdomain.slaves({
        'https://my-bucket.s3-eu-west-1.amazonaws.com': '/proxy.html'
      });
    </script>
    <![endif]-->

from viewer.html), it works. So, I think that there is a problem with XDomain and pdf.js. Do you have a use case where XDomain is used with pdf.js and the pdf file is downloaded from S3 using a cross domain request (obviously that works in IE9)?

jpillora commented 9 years ago

Does pdf.js use a flash fallback for IE9?

MicheleMas commented 9 years ago

I can answer this question, pdf.js uses only javascript, also with IE9 (JS polyfill for HTML5 missing features https://github.com/mozilla/pdf.js/blob/master/web/compatibility.js ).

Michele

contiero-roberto commented 9 years ago

Hi Jaime, @MicheleMas is my collegue and, as he said, pdf.js doesn't use flash fallback in IE9. Have you any idea or suggestion about this problem?

jpillora commented 9 years ago

Hi Roberto, sorry I'm not able to tell what's going wrong. Maybe you could make a small demo live reproducing this and I'll try to debug it when I get some free time?

On Tuesday, July 28, 2015, Roberto Contiero notifications@github.com wrote:

Hi Jaime, @MicheleMas https://github.com/MicheleMas is my collegue and, as he said, pdf.js doesn't use flash fallback in IE9. Have you any idea or suggestion about this problem?

— Reply to this email directly or view it on GitHub https://github.com/jpillora/xdomain/issues/163#issuecomment-125345028.

contiero-roberto commented 9 years ago

Hi Jaime, I prepared for you a demo case at this address: http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com In this bucket there is a simple pdf-js viewer that downloads a pdf from another bucket (https://pdf-repository.s3-eu-west-1.amazonaws.com). As I said in my previous post, with IE9 I get this error:

LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): adding slave: https://pdf-repository.s3-eu-west-1.amazonaws.com 
LOG: Warning: Setting up fake worker. 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): proxying request to slave: 'https://pdf-repository.s3-eu-west-1.amazonaws.com' 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): creating iframe xdomain-bb90c6a3 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): new socket: xdomain-daf8e9d4 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-daf8e9d4: ready 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): send socket: xdomain-daf8e9d4: request 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-daf8e9d4: XD_CHECK -> [object Object] 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): send socket: xdomain-daf8e9d4: ready 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): ready socket: xdomain-daf8e9d4 (emit #1 pending) 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-daf8e9d4: xhr-event -> readystatechange 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-daf8e9d4: xhr-event -> readystatechange 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-daf8e9d4: response 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): send socket: xdomain-daf8e9d4: close 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): close socket: xdomain-daf8e9d4 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): proxying request to slave: 'https://pdf-repository.s3-eu-west-1.amazonaws.com' 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): new socket: xdomain-6ef70217 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: ready 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): send socket: xdomain-6ef70217: request 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: XD_CHECK -> [object Object] 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): send socket: xdomain-6ef70217: ready 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): ready socket: xdomain-6ef70217 (emit #1 pending) 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: xhr-event -> readystatechange 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: xhr-event -> readystatechange 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: response 
SCRIPT5007: Unable to get value of the property 'byteLength': object is null or undefined 
example.pdf, line 1 character 1
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: xhr-event -> readystatechange 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: xhr-event -> load 
LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: xhr-event -> loadend

Thank you so much for all your help and time. By

Roberto

jpillora commented 9 years ago

Hi Roberto, thanks for putting together the demo - I'll check it out tonight

On Wed, Jul 29, 2015 at 3:31 PM, Roberto Contiero notifications@github.com wrote:

Hi Jaime, I prepared for you a demo case at this address: http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com In this bucket there is a simple pdf-js viewer that download a pdf from another bucket (https://pdf-repository.s3-eu-west-1.amazonaws.com). As I said in my previous post, with IE9 I get this error:

LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): adding slave: https://pdf-repository.s3-eu-west-1.amazonaws.com LOG: Warning: Setting up fake worker. LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): proxying request to slave: 'https://pdf-repository.s3-eu-west-1.amazonaws.com' LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): creating iframe xdomain-bb90c6a3 LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): new socket: xdomain-daf8e9d4 LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-daf8e9d4: ready LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): send socket: xdomain-daf8e9d4: request LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-daf8e9d4: XD_CHECK -> [object Object] LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): send socket: xdomain-daf8e9d4: ready LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): ready socket: xdomain-daf8e9d4 (emit #1 pending) LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-daf8e9d4: xhr-event -> readystatechange LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-daf8e9d4: xhr-event -> readystatechange LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-daf8e9d4: response LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): send socket: xdomain-daf8e9d4: close LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): close socket: xdomain-daf8e9d4 LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): proxying request to slave: 'https://pdf-repository.s3-eu-west-1.amazonaws.com' LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): new socket: xdomain-6ef70217 LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: ready LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): send socket: xdomain-6ef70217: request LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: XD_CHECK -> [object Object] LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): send socket: xdomain-6ef70217: ready LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): ready socket: xdomain-6ef70217 (emit #1 pending) LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: xhr-event -> readystatechange LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: xhr-event -> readystatechange LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: response SCRIPT5007: Unable to get value of the property 'byteLength': object is null or undefined example.pdf, line 1 character 1 LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: xhr-event -> readystatechange LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: xhr-event -> load LOG: xdomain (http://pdfjs-viewer.s3-website-eu-west-1.amazonaws.com): receive socket: xdomain-6ef70217: xhr-event -> loadend

Thank you so much for all your help and time. By

Roberto

— Reply to this email directly or view it on GitHub https://github.com/jpillora/xdomain/issues/163#issuecomment-125848077.

jpillora commented 9 years ago

Attempted to debug on saucelabs though its quite limiting. Will try again when I'm at a windows 7 VM.

contiero-roberto commented 9 years ago

I saw your debug session video. If you need a virtualBox VM with IE9, you can download it from here: https://www.modern.ie/it-it/virtualization-tools

Roberto