Skip to main content

Create A jQuery Mobile Picture Uploader To Amazon S3

Posted on July 25, 2012 by Anthony James Founder/CEOAnthony James Founder/CEO

Ever wanted to take a picture with a a web app, then upload it directly to your Amazon S3 bucket? Now you can, and this tutorial will teach you how. In this tutorial we are going to use jQuery Mobile, PHP and Amazon S3 to create a mobile picture uploader that will allow us to either take a new picture or upload an existing picture from our device. This now works with new version of iOS 6+ and uses the HTML5 file upload API to accomplish the goal. If you are not familiar with Amazon S3 this screencast might be a good starting point.

Download Source


Image of Joan
8 years ago

Hey, good work and good tutorial.
Btw, the link to the zip doesn’t work,

Image of Anthony James Founder/CEO
Anthony James Founder/CEO
8 years ago

Thanks, and thanks for the heads up. Link has been updated.

Image of Daniel
8 years ago

Great tutorial Anthony! short simple and to the point.
Good Job!

Image of Josh
8 years ago

Hi, Thanks so much for the article! Quick question… what permissions need to be on the PHP server for the initial file upload to work? I have the S3 all setup but I don’t see the temp file being created on the server. Thanks!

Image of Intarec
7 years ago

Hello everyone, I am developing a mobile application using IBM worklight mobile platform…but specifically using JQuery mobile and HTML5. I want to save user data in a database. Anyone who can suggest me any approach I can use? Either cloud saving or local. And how I can proceed please!!?
Thank you

Image of Anthony James Founder/CEO
Anthony James Founder/CEO
7 years ago

It depends on the role. Local storage is temporary if you need to store data permanently then you need to use a remote server based database.


Leave a Reply

Your email address will not be published. Required fields are marked *