reactjsgoogle-drive-apicross-origin-read-blocking

I want to load Google Drive images from React, but I get a Cross-Origin Read Blocking (CORB) error


I am creating a web service with React. I want to load images uploaded to Google Drive from a React application. However, I get a Cross-Origin Read Blocking (CORB) error. What should I do?


Solution

  • You can convert a link in this pattern:

    https://drive.google.com/uc?id=FILE_ID
    

    For example: if you have any particular photo with link sharing turned on for everyone. Just grab the id of the image and use this format to use it as a web resource.

    https://drive.google.com/uc?id=0B9o1MNFt5ld1N3k1cmtVnZxQjg