ASP.NET MVC Hosting – JaringanHosting.com :: Cara Upload Multiple File Pada Web API

Artikel ini menjelaskan cara untuk meng-upload beberapa file dalam API Web. Di sini kita menggunakan atribut HTML5 multiple = “multiple” untuk meng-upload lebih dari satu file.

Prosedur untuk membuat aplikasi:

Langkah 1
Pertama kita membuat aplikasi web API seperti berikut:

Mulai Visual Studio 2013.
Dari jendela awal pilih “New Project”.
Dari jendela proyek baru pilih “Installed” -> “Visual C #” -> “Web” -> “Visual Studio 2012”.
Pilih “ASP.NET MVC 4 Web Application”, lalu klik tombol “OK”.

upload multiple file pada web api

JaringanHosting.com adalah provider ASP.NET dan Windows hosting No #1 di Indonesia sesuai dengan rekomendasi dari pihak Microsoft. 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 and Visual Studio Lightswitch. Untuk keterangan lanjutan, silahkan klik disini!

Dari “MVC4 project” jendela pilih “Web API”:

upload multiple file pada web api 2

lalu klik tombol “OK”.

Langkah 2
Sekarang di “HomeController” tambahkan kode berikut. File ini ada:
Dalam “Solution Explorer”.
Memperluas “Controller” folder.
Pilih “HomeController”.

upload multiple file pada web api 3

Tambahkan kode berikut:

upload multiple file pada web api 4

Langkah 3
Dalam View menyediakan kode berikut:
Dalam “Solution Explorer”.
Perluas “Views folder”.
Pilih “Home” -> “Index.cshtml”.

upload multiple file pada web api 5

Tambahkan kode berikut:

upload multiple file pada web api 6

Langkah 4
Jalankan aplikasi:

upload multiple file pada web api 7

Pilihlah beberapa file

upload multiple file pada web api 8

Klik “upload”