jQuery Mobile Web App to Upload images using Mobile Safari

Sometime back I developed a mobile web app and posted an article how you could upload images using Apple’s wonderful devices such as iPod, iPhone and iPad. The reason for this was Mobile Safari browser that won’t let you upload images from your iPad/iPhone and iPad. File input field is disabled and you can’t really select anything to upload.

There’s no way you can enable Mobile Safari’s disabled file input field to upload files but I did find a way to upload images by using free Picup App with php script. Picup app must be installed on user device(iPhone/iPad) for the uploading script to work.

Minimal Code version

This simple minimal code returns the path of uploaded image to your php script in addition to other form fields. This demo shows how you can incorporate other form fields in addition to image uploading both in normal browser and Mobile Safari. In this script, file is directly uploaded to your server using POST method.

$15.00

Demo Here

With Session Data

This simple minimal code returns the path of uploaded image with user id and session data to your php script in addition to other form fields. This demo shows how you can incorporate session data and pass user id with form fields in addition to image uploading both in normal browser and Mobile Safari. In this script, file is directly uploaded to your server with session data.

$25.00

Demo Here

jQuery Mobile version

This demo also uses Picup app and post image to your own server along side other form fields. Once the image is uploaded successfully, it’s shown to user and the user clicks and returns to the form to fill other fields and submit it. This demo uses jQuery Mobile framework for consistent look and feel across all platforms. This also shows how you can incorporate other form fields in addition to image uploading with normal browser and using Mobile Safari. All you have to do is to add your own fields and that’s it.

$35.00

Demo Here

Multiple Images jQuery Mobile ver

This demo also uses Picup app and allows you to upload multiple images to your own server along side other form fields. Once the image is uploaded successfully, it’s shown to user and the user clicks and returns to the form to upload other images and then fill other fields and submit it. This demo uses jQuery Mobile framework for consistent look and feel across all platforms. This also shows how you can incorporate other form fields in addition to image uploading with normal browser and using Mobile Safari. All you have to do is to add your own fields and that’s it.

$55.00

Demo Here