Upload file to Amazon S3

Question

I am building a mobile web app using Sencha Touch 2, and I need to upload file from the app to Amazon S3, and get the file url from S3.

The PHP part is almost finished, how shall I implement my sencha program to allow user click a button, and open the file dialog, select the file and call the PHP file to upload the file to S3?

Any idea or suggestion is welcomed!!!

You can't access the filesystem from a Sencha Touch application, you need to use a native wrapper like PhoneGap. — Titouan de Bailleul, Nov 03 '12 at 21:52
Hi TDeBailleul, thanks for your information, I finally figured it out, and put my solution as the answer :) — zhoubo, Nov 05 '12 at 07:11

score 0 · Accepted Answer · answered Nov 05 '12 at 07:10

Finally figured it out after two days!

Yes, it is impossible to use Sencha to access Android file system and upload files.

I gave up useing Sencha's camera function ,and used phonegap's camera and filetransfer function, access the file system, then upload to S3.

console.log("camera should be called!"); 
        navigator.camera.getPicture(uploadPhoto,
                function(message) { alert('get picture failed'); },
                { quality: 50, 
                destinationType: navigator.camera.DestinationType.FILE_URI,
                sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY }
                );
        function uploadPhoto(imageURI) {
            console.log(imageURI);
            var options = new FileUploadOptions();
            options.fileKey="file";
            options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
            options.mimeType="image/jpeg";

            var params = new Object();
            params.value1 = "test";
            params.value2 = "param";

            options.params = params;


            var ft = new FileTransfer();
            ft.upload(imageURI, "http://54.251.39.219/index.php", win, fail, options);
        }

        function win(r) {
            console.log("Code = " + r.responseCode);
            console.log("Response = " + r.response);
            console.log("Sent = " + r.bytesSent);
        }

        function fail(error) {
            alert("An error has occurred: Code = " = error.code);
        }

The PHP file on server side:

<?php
include('image_check.php');
$msg='';
if($_SERVER['REQUEST_METHOD'] == "POST")
{
echo '<b>S3 File URL:</b>';
$name = $_FILES['file']['name'];
$name = $name . '.jpg';
$size = $_FILES['file']['size'];
$tmp = $_FILES['file']['tmp_name'];
$ext = getExtension($name);

if(strlen($name) > 0)
{
echo "strlen ok";
echo "filename is ".$name;
echo "extension is ".$ext;
if(in_array($ext,$valid_formats))
{

if($size<(1024*1024))
{
include('s3_config.php');
//Rename image name. 
$actual_image_name = time().".".$ext;
if($s3->putObjectFile($tmp, $bucket , $actual_image_name, 

S3::ACL_PUBLIC_READ) )
{
$msg = "S3 Upload Successful.";
echo 'upload successful!';  
$s3file='http://'.$bucket.'.s3.amazonaws.com/'.$actual_image_name;
echo "<img src='$s3file' style='max-width:400px'/><br/>";
echo '<b>S3 File URL:</b>'.$s3file;

}
else
echo "S3 Upload Fail.";

}
else
echo "Image size Max 1 MB";

}
else
echo "Invalid file, please upload image file.";
}
else
echo "Please select image file";

}

?>

Note, the file uploaded is without extension, so I need to give it an extension... For the S3 configuration, please refer to the S3 official website for things like secretkey...

Upload file to Amazon S3

1 Answers1