How to host files on Bubble domain

harry10 · 2024-12-12T10:06:58.242Z

Hey guys,

I’m trying to embed a pdf using ExpressPDF.JS

The trick is, I need to serve the module’s files from my Bubble domain. If I was building a web app with code I’d just include the files in a lib folder or something. However, I’m not sure what the correct approach is with Bubble. I have files that I want to host at my Bubble domain so I can do the following in a custom HTML element:

<script src='https://my-app.bubbleapps.io/PDFJSExpress-view-only/lib/webviewer.min.js'></script>

Any ideas? Thanks

boston85719 · 2024-12-12T10:14:24.072Z

Screen Shot 2024-12-12 at 5.13.55 PM1606×772 58.3 KB

Settings, SEO metatags, scroll to bottom

harry10 · 2024-12-12T10:19:01.703Z

Yeah I was playing around with that, but it seems you can only upload individual files? There’d be over 100 files in this package…

harry10 · 2024-12-12T14:57:54.736Z

Ended up hosting the files in a public S3 bucket and fighting CORS until it worked lol

kashibhatti3995 · 2024-12-18T16:23:42.533Z

To host files on your Bubble.io domain, follow these steps:

Add a File Uploader: In the Design tab, add a File Uploader element to your page.
Upload a File: Use the uploader to upload your desired file. Bubble stores it on its servers (AWS S3).
Get the File URL: After uploading, get the file’s URL using the expression:

python

Copy code

FileUploader's value's URL

Link or Embed: Use a button or link to access the file or embed it using the URL.

Ensure your privacy settings allow public access if needed, and files will be available under your Bubble domain! For more details plz visit GEPCO

Delightful · 2024-12-18T16:29:41.815Z

@kashibhatti3995
Please stop posting Chat GPT contents

Screenshot_20241218-215745-9211080×1282 160 KB

system · 2025-02-20T10:07:42.089Z

This topic was automatically closed after 70 days. New replies are no longer allowed.