{"id":579,"date":"2013-08-19T09:26:02","date_gmt":"2013-08-19T09:26:02","guid":{"rendered":"http:\/\/blog.jaringanhosting.com\/?p=579"},"modified":"2013-08-19T09:26:02","modified_gmt":"2013-08-19T09:26:02","slug":"php-hosting-tips-membuat-multiple-upload-file","status":"publish","type":"post","link":"https:\/\/blog.jaringanhosting.com\/index.php\/php-hosting-tips-membuat-multiple-upload-file\/","title":{"rendered":"PHP Hosting – Tips dan Trik Membuat Multiple Upload File Dengan PHP"},"content":{"rendered":"

Konsep utama dalam membuat script multiple file upload ini adalah, kita harus mengupayakan membuat form yang di dalamnya terdapat komponen upload file yang dinamis, maksudnya adalah secara otomatis dalam form tersebut akan muncul komponen upload file dengan jumlah sebanyak file yang akan diupload, yang dikembangkan sedikit mengenai bagaimana membuat form dinamis dengan Javascript.<\/p>\n

Gambar berikut adalah tampilan menu multiple file upload yang akan kita jalankan, pada gambar di bawwah terdapat menu dropdown file upload dengan jumlah banyak file maximum 6, jika kalian menginkan lebih bisa saja mengeditnya di halaman formupload.html\u00a0 :<\/p>\n

\"multi01\"<\/a><\/p>\n

\nSetelah user memilih jumlah file yang akan diupload melalui combo box, selanjutnya \u2018secara langsung\u2019 akan muncul komponen upload file sejumlah pilihannya tadi tanpa mensubmit. Untuk memunculkan secara langsung komponen upload file ini, kita menggunakan Javascript, seperti gambar di bawah ini :<\/p>\n

\"multi02\"<\/a><\/p>\n

\nsetelah itu untuk membuat tampilan sesuai dengan output diatas maka kita lakukan pengkodingan sesuai dengan script seperti gambar di bawah ini, save dengan nama formupload.html :<\/p>\n

\"multi03\"<\/a><\/p>\n

Setelah konsep Javascript untuk membuat form upload dinamis. Sekarang kita lanjutkan ke script PHP untuk proses uploadnya. Pada prinsipnya sama seperti upload single file, namun dalam script ini kita buat looping dalam proses uploadnya, seperti gambar di bawah ini :
\n\"multi04\"<\/a>
\nAda hal yang perlu kita perhatikan terkait dengan script di atas. Misalkan kita memilih jumlah file yang akan diupload sejumlah 4 buah. Setelah kita memilih 4 pada combo boxnya, maka akan muncul 4 buah komponen untuk upload file. Namun, dari 4 komponen yang muncul ternyata kita hanya menggunakan 2 komponen saja, sehingga 2 komponen yang lain kosong, seperti gambar dibawah ini :<\/p>\n

\"multi05\"<\/a>
\ndemikianlah proses pembuatan multiple upload file pada php, ingin tau seputar tips dan trik php lainnya ? silahkan baca di Info Seputar Tips dan Trik PHP Hosting<\/a><\/p>\n

Ingin mendapatkan PHP Hosting Murah, Terbaik dan Berkualitas?<\/b>
\n<\/b><\/div>\n
<\/div>\n
\"\"<\/a><\/div>\n
<\/div>\n
JaringanHosting.com adalah provider ASP.NET<\/a> dan Windows hosting No #1 di Indonesia sesuai dengan rekomendasi dari pihak Microsoft, selain itu JaringanHosting<\/a> juga menyediakan hosting murah dan berkualitas yang mendukung joomla hosting. Microsoft memberikan rekomendasi ini berdasarkan pada beberapa persyaratan utama, yaitu: WebMatrix, WebDeploy, Visual Studio 2012, ASP.NET 4.5, ASP.NET MVC 4.0, Silverlight 5, Visual Studio Lightswitch, dan PHP Hosting Indonesia<\/a>, Selain itu\u00a0 Untuk keterangan lanjutan, silahkan klik disini!<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"

Konsep utama dalam membuat script multiple file upload ini adalah, kita harus mengupayakan membuat form yang di dalamnya terdapat komponen upload file yang dinamis, maksudnya adalah secara otomatis dalam form tersebut akan muncul komponen upload file dengan jumlah sebanyak file<\/p>\n","protected":false},"author":92,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts\/579"}],"collection":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/users\/92"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/comments?post=579"}],"version-history":[{"count":0,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts\/579\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/media?parent=579"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/categories?post=579"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/tags?post=579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}