Spread the love
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  

Sebenarnya tutorial ini sudah ada di dokumentasi nya phonegap. Tapi ya di edit sedikit. Disini saya menggunakan phonegap 1.4.1, tapi untuk phonegap terbaru a.k.a cordova project versi 1.5 juga bisa.

Di sini saya tidak menulis lengkap code-nya tapi code inti yang diperlukan. Untuk awalnya phonegap pasti melakukan inisialisasi bahwa device sudah siap.

document.addEventListener("deviceready", onDeviceReady, false);
        // PhoneGap is ready
        function onDeviceReady() {
        // Do cool things here...
        }

Nah, untuk fungsi upload menggunakan fungsi FileTransfer ()

function uploadPhoto(imageURI) {
            var options = new FileUploadOptions();
            options.fileKey="file";
            options.fileName=imageURI.substr(imageURI.lastIndexOf('/')+1);
            options.mimeType="image/jpeg";                    
            options.chunkedMode = false;
            var ft = new FileTransfer();
            ft.upload(imageURI, "http://domainanda.com/upload.php", win, fail, options);
        }
 
        function win(r) {
              alert("Upload berhasil");
        }
 
        function fail(error) {
            alert("Upload gagal");
        }

imageURI adalah parameter source file anda. Misal dalam tag img ada atribut src=”” maka, nilai src tersebut yang diambil.

Lalu, untuk sisi file PHP nya :

<?php
print_r($_FILES);
$new_image_name = "image.jpg";
move_uploaded_file($_FILES["file"]["tmp_name"], "/srv/www/upload/".$new_image_name);
?>

Selesai 🙂

Related Posts
Menjalankan Streaming Video/Audio Pada Cordova Untuk Android/iOS

Implementasi cordova pada pengembangan mobile memudahkan karena menggunakan HTML dan javascript sebagai dasarnya. Untuk menjalankan video/audio secara remote url atau Read more

Menambahkan Splashscreen pada phonegap/cordova Android

Untuk menambahkan splashscreen pada aplikasi berbasis html5/javascript sebenarnya bisa diakali dengan menambahkannya pada halaman html dengan memberi delay. Tapi cara Read more

Deteksi Hardware Back Button Cordova/Phonegap Android

Sebenarnya mungkin ini ada hal sederhana tapi bisa bermanfaat, mengingat jika mengembangkan aplikasi berbasis HTML5/Javacript merupakan bagian yang native namun Read more

[updated]Setting Phonegap (Cordova) Pada Eclipse Untuk Android

Pada postingan lama saya sekilas mengenai phonegap di sini hanya sekilas membahas mengenai phonegap. Pada saat ini phonegap sudah mengalami Read more

Tagged : #

2 thoughts on “Upload File Ke Remote Server Menggunakan Phonegap”

Leave a Reply to Achmad Fachrie Cancel reply

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