Skip to main content
M
Misael Sarmiento
Participant
February 17, 2021
Answered

Can't show PDF file preview using Embed API - CORS

  • February 17, 2021
  • 1 reply
  • 4043 views

Hi, I'm working on a React project where I want to display a PDF preview in a component. The pdf source comes from Firebase Storage. I'm passing the url from firebase. The thing is that when I render the component, my console is showing a CORS error saying that the request was blocked by CORS policy.

 

I have read the documentation and I know that I need to enable CORS headers on my pdf resource. I have already done that but it doesn't seem to work. 

This is the error

This is my ViewSdkClient.js code

I have searched for similar posts on this community but i failed to find a solution

 

I'm not sure if I might be missing something or if my syntax might be wrong.

 

Could you please help me? Thanks!!

    This topic has been closed for replies.
    Correct answer Joel Geraci

    You have to allow your website origin on the PDf resource which in this case is Firebase Storage. I had the same issue with Google Cloud Storage so I used their admin panel to allow my demo site and everything worked as expected. I'm sure Firebase has a similar admin panel. 

    1 reply

    Joel Geraci
    Community Expert
    Joel GeraciCommunity ExpertCorrect answer
    Community Expert
    February 17, 2021

    You have to allow your website origin on the PDf resource which in this case is Firebase Storage. I had the same issue with Google Cloud Storage so I used their admin panel to allow my demo site and everything worked as expected. I'm sure Firebase has a similar admin panel. 

      oswald808
      oswald808
      Participant
      November 22, 2021

      Hi Joel,

       

      I'm trying to use Google cloud storage to make my embed on Squarespace work. I've enabled public access to the bucket the files live in. Is there anything else I need to do?

       

      Here's my code: 

       

      <div id="adobe-dc-view" style="height: 360px; width: 500px;"></div>
      <script type="text/javascript">
      document.addEventListener("adobe_dc_view_sdk.ready", function(){ 
      var adobeDCView = new AdobeDC.View({clientId: "cdb98ffb676e44ac880d48fed629fc00", divId: "adobe-dc-view"});
      adobeDCView.previewFile({
      metaData:{fileName: "Alex_FINAL.pdf"}
      }, {embedMode: "SIZED_CONTAINER"});
      });
      </script>
       
      Thanks
        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices