jquery-mobile-framework-smartphones

Create A jQuery Mobile Picture Uploader To Amazon S3

Anthony James —  July 25, 2012

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

Related posts:

  1. Custom jQuery Mobile Themes
  2. Creating a dashboard view with jQuery Mobile
  3. jQuery Mobile Forms Part 2
  4. Create A jQuery Mobile WordPress RSS Reader For Your Site
  5. Create An Add To Home Screen Popup For HTML5 Or jQuery Mobile
In jQuery Mobile , , ,
permalink

Anthony James

Posts Twitter Facebook

Anthony is a Web Software Developer & Linux Systems Engineer. With 11 years of experience in these fields. He is also the founder and main contributor at Pinehead.tv. He is passionate about passing on his technical knowledge through training and educating others.

8 responses to Create A jQuery Mobile Picture Uploader To Amazon S3

  1. Joan July 26, 2012 at 1:58 pm

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

    Cheers

  2. Anthony James July 26, 2012 at 2:15 pm

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

  3. Daniel September 16, 2012 at 11:13 am

    Great tutorial Anthony! short simple and to the point.

    Good Job!
    D

  4. Josh November 10, 2012 at 4:47 am

    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!

  5. Intarec March 19, 2013 at 4:53 pm

    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

    • Anthony James March 19, 2013 at 9:17 pm

      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.

Trackbacks and Pingbacks:

  1. Psytech Informática em Trancoso Create A jQuery Mobile Picture Uploader To … – Pinehead.tv | Linux | Psytech Informática em Trancoso - July 25, 2012

    [...] link: Create A jQuery Mobile Picture Uploader To … – Pinehead.tv | Linux Posts Relacionados Create A jQuery Mobile Picture Uploader To … – Pinehead.tv | LinuxTip: Disable [...]
  2. Changing Default Permissions When Uploading To AmazonS3 PHP API | Pinehead.tv - August 25, 2012

    [...] Amazon S3 using the PHP API. This tutorial is an extension of one we did a little while back called Create A jQuery Mobile Picture Uploader To Amazon S3. Amazon S3 default permissions are set to owner/owner, we will change those default permissions to [...]