Search code examples
phpjquerycordovanginxphonegap

Can't upload an image to a Linux server via Phonegap and PHP


I am making an app in PhoneGap that requires an image to be uploaded to a Linux server. I set up a test CentOS 7 VM and installed and configured the LEMP stack on it and then created a php script called upload.php (below). This script was just taken off of the INTERNET from multiple different tutorials and I just edited the path to save the file to my desired location.

I then created my javascript code to upload it to the server but it wasn't working so I just took the code from the online tutorial just for testing purposes to see if it was working properly (also below). I get the alert which indicates that it is working but no image was being uploaded so I tried disabling my firewall but still no luck.

I'm not sure if it is the server setup, the javascript, the php or just my ISP. Any help is much appreciated.

I am using the cordova plugins: Camera

File

File transfer


PHP:

<?php $new_image_name = urldecode($_FILES["file"]["name"]).".jpg"; move_uploaded_file($_FILES["file"]["tmp_name"], "/upload/".$new_image_name); ?>

Javascript:

navigator.camera.getPicture(uploadPhoto, function(message) {
 alert('get picture failed');
 }, {
 quality: 100,
 destinationType: navigator.camera.DestinationType.FILE_URI,
 sourceType: navigator.camera.PictureSourceType.PHOTOLIBRARY
 });
}

function uploadPhoto(imageURI) {
 var options = new FileUploadOptions();
 options.fileKey = "file";
 options.fileName = imageURI.substr(imageURI.lastIndexOf('/') + 1);
 options.mimeType = "image/jpeg";
 console.log(options.fileName);
 var params = new Object();
 params.value1 = "test";
 params.value2 = "param";
 options.params = params;
 options.chunkedMode = false;

var ft = new FileTransfer();
 ft.upload(imageURI, "http://192.168.1.11/upload.php", function(result){
 alert(JSON.stringify(result));
alert('works');
 }, function(error){
 console.log(JSON.stringify(error));
alert('doesnt');
 }, options);
 }


Solution

  • There were a few problems that needed to be overcome. All of which were fairly simple.

    I was using an absolute path but php interpreted it as a relative path so I just changed the path.

    The directory also was owned by root so i fixed that using chown nginx:nginx uploads

    The firewall was blocking access from my phone so I disabled the firewall but still need to come up with a better solution. I'm sure it's fairly simple but I haven't got round to it yet.