Using the iframe method to view the new file storage url '[random hexadecimal].cdn.bubble.io'

A few months back I built out a page which allows my users to view (within the app, not a new tab) a pdf file saved to my bubble DB using the following HTML within a HTML component:

<iframe src="https://s3.amazonaws.com/appforest_uf/123abc/myfile.pdf#toolbar=0
"embedded="true" style="width:100%; min-height:800px" ></iframe>

Where https://s3.amazonaws.com/appforest_uf/123abc/myfile.pdf is the file’s s3 bucket url. I know note that bubble has since made an update that instead utilises ’ [random hexadecimal].cdn.bubble.io’ as a file’s url for any new files uploaded to the Bubble DB.

This does not work like the one above:

<iframe src="https://123.cdn.bubble.io/abc/myfile.pdf#toolbar=0
"embedded="true" style="width:100%; min-height:800px" ></iframe>

Any ideas to be able to view a pdf within an iframe so it is displayed WITHIN the app?

I found the issue - for whatever reason I forgot the preceeding ‘src’ to complete the iframe tag. Always the case. So seems this change doesn’t impact newly uploaded files, which is good.

1 Like