Adding pictures in codepen

Hi,

quick question: How do i add pictures that are on my hard drive, to my codepen apps? I have the pictures referenced correctly, and they show up when i am working in my code editor and open the web-page file from my computer however, the images do not show when i use codepen.

Upload them to a image hosting service, and then use the url of your hosted image, CodePen does not host files for you

1 Like

A-ha! Not unless you pay a monthly subscription for the Pro plan.

1 Like

Of course! This makes sense. Thanks you!

If you have a Google account, you can put them in Drive. Than get a shareable link from the file and from that url change β€œopen” into β€œuc”.

Like this: from β€œhttps://drive.google.com/open?id=someRandomIdentifier” to β€œhttps://drive.google.com/uc?id=someRandomIdentifier”