Iam not able to load from aws urls

SidWML commented 10 months ago

https://static-sq-chat.s3.amazonaws.com/uploads/98820cea/D_Strange-Girl_Meets_Boy_Penguin_Readers-1-min.pdf?AWSAccessKeyId=adghakdehaoyKLKHSnKLhljKLDHklabdx&Signature=fsdfDsfsfsfsfsfD&Expires=1704870237 <DocViewer documents={[{uri:'/movies100.pdf'}]} pluginRenderers={DocViewerRenderers} prefetchMethod="GET" /> Iam not able to load from the above path but files from local are working fine

roy-andri commented 10 months ago

Have you set up the cors on your AWS bucket?

https://repost.aws/knowledge-center/s3-configure-cors

[
    {
        "AllowedHeaders": [
            "Authorization"
        ],
        "AllowedMethods": [
            "GET",
            "HEAD"
        ],
        "AllowedOrigins": [
            "*" <-- Put your whitelist URL here
        ],
        "ExposeHeaders": [
            "Access-Control-Allow-Origin"
        ]
    }
]

Also don't forget to put fileType

<DocViewer
        documents={[
          {
            uri: url,
            fileType: "pdf",
          },
        ]}
</DocViewer>

SidWML commented 10 months ago

<DocViewer documents={[{uri:'/dum.doc', fileType: "doc",}]} pluginRenderers={DocViewerRenderers} /> but local doc files are not getting show there is an error doc

SidWML commented 10 months ago

@roy-andri Thanks but I have a question if I paste the urls in the browser Iam able to download the pdfs but in the app it got stuck in a infinte loop loader

roy-andri commented 10 months ago

Thanks but I have a question if I paste the urls in the browser Iam able to download the pdfs but in the app it got stuck in a infinte loop loader

For this one, have you put the fileType? Can you share your network tab while requesting the document from AWS? Is it getting 200?

SidWML commented 10 months ago

@roy-andri Here it is

roy-andri commented 10 months ago

I guess there is something wrong with your CORS configuration, I will facing the same issue if I remove the CORS configuration from my AWS bucket.

SidWML commented 10 months ago

@roy-andri Thank you very much

SidWML commented 10 months ago

Hi @roy-andri thanks for the solution above its working for pdf but its not working for doc and docx

roy-andri commented 10 months ago

How do you handle the rendering process? Can you share your code, maybe there is something wrong with your rendering.

https://support.mozilla.org/en-US/kb/xframe-neterror-page

It's working fine on my Firefox

SidWML commented 10 months ago

Hi @roy-andri thanks for the reply i appreciate this is the code const docs = [{uri:docURL ,fileType:'doc'}]
<DocViewer className='w-[60%]' prefetchMethod="GET" documents={docs} pluginRenderers={ DocViewerRenderers } />

roy-andri commented 10 months ago

Are you facing this error on the local or after you deploy the website? can you make sure the file type is doc, not docx?

Here is how I call this library, with this code, I can preview 3 different file types (doc/x,pdf,txt)

      <DocViewer
        documents={[
          {
            uri: url,
            fileType: extension,
          },
        ]}
        config={{
          header: { disableHeader: true },
          pdfVerticalScrollByDefault: true,
        }}
        prefetchMethod="GET"
      />

SidWML commented 10 months ago

@roy-andri and this is what I am getting when I open it in mirrosoft edge