{"id":669,"date":"2013-10-01T03:00:41","date_gmt":"2013-10-01T03:00:41","guid":{"rendered":"http:\/\/blog.jaringanhosting.com\/?p=669"},"modified":"2013-10-01T03:00:41","modified_gmt":"2013-10-01T03:00:41","slug":"asp-net-mvc-hosting-jaringanhosting-com-cara-upload-multiple-file-pada-web-api","status":"publish","type":"post","link":"https:\/\/blog.jaringanhosting.com\/index.php\/asp-net-mvc-hosting-jaringanhosting-com-cara-upload-multiple-file-pada-web-api\/","title":{"rendered":"ASP.NET MVC Hosting &#8211; JaringanHosting.com :: Cara Upload Multiple File Pada Web API"},"content":{"rendered":"<p>Artikel ini menjelaskan cara untuk meng-upload beberapa file dalam API Web. Di sini kita menggunakan atribut HTML5 multiple = &#8220;multiple&#8221; untuk meng-upload lebih dari satu file.<\/p>\n<p>Prosedur untuk membuat aplikasi:<\/p>\n<p>Langkah 1<br \/>\nPertama kita membuat aplikasi web API seperti berikut:<\/p>\n<p>Mulai Visual Studio 2013.<br \/>\nDari jendela awal pilih &#8220;New Project&#8221;.<br \/>\nDari jendela proyek baru pilih &#8220;Installed&#8221; -&gt; &#8220;Visual C #&#8221; -&gt; &#8220;Web&#8221; -&gt; &#8220;Visual Studio 2012&#8221;.<br \/>\nPilih &#8220;<a title=\"asp.net mvc 4 hosting\" href=\"http:\/\/www.jaringanhosting.com\/Indonesia-ASP-NET-MVC-4-Hosting.aspx\">ASP.NET MVC 4<\/a> Web Application&#8221;, lalu klik tombol &#8220;OK&#8221;.<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-670\" alt=\"upload multiple file pada web api\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api.jpg\" width=\"650\" height=\"448\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api.jpg 650w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-300x206.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<p>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. <a href=\"http:\/\/www.microsoft.com\/web\/hosting\/HostingProvider\/Details\/950\" target=\"_blank\">Untuk keterangan lanjutan, silahkan klik disini!<\/a><\/p>\n<p>Dari &#8220;<a href=\"http:\/\/www.jaringanhosting.com\/Indonesia-ASP-NET-MVC-4-Hosting.aspx\">MVC4<\/a> project&#8221; jendela pilih &#8220;Web API&#8221;:<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-2.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-671\" alt=\"upload multiple file pada web api 2\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-2.jpg\" width=\"500\" height=\"441\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-2.jpg 500w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-2-300x264.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/a><\/p>\n<p>lalu klik tombol &#8220;OK&#8221;.<\/p>\n<p>Langkah 2<br \/>\nSekarang di &#8220;HomeController&#8221; tambahkan kode berikut. File ini ada:<br \/>\nDalam &#8220;Solution Explorer&#8221;.<br \/>\nMemperluas &#8220;Controller&#8221; folder.<br \/>\nPilih &#8220;HomeController&#8221;.<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-3.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-672\" alt=\"upload multiple file pada web api 3\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-3.jpg\" width=\"300\" height=\"335\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-3.jpg 300w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-3-268x300.jpg 268w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Tambahkan kode berikut:<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-4.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-673\" alt=\"upload multiple file pada web api 4\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-4.jpg\" width=\"441\" height=\"583\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-4.jpg 441w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-4-226x300.jpg 226w\" sizes=\"(max-width: 441px) 100vw, 441px\" \/><\/a><\/p>\n<p>Langkah 3<br \/>\nDalam View menyediakan kode berikut:<br \/>\nDalam &#8220;Solution Explorer&#8221;.<br \/>\nPerluas &#8220;Views folder&#8221;.<br \/>\nPilih &#8220;Home&#8221; -&gt; &#8220;Index.cshtml&#8221;.<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-5.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-674\" alt=\"upload multiple file pada web api 5\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-5.jpg\" width=\"300\" height=\"417\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-5.jpg 300w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-5-215x300.jpg 215w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Tambahkan kode berikut:<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-6.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-675\" alt=\"upload multiple file pada web api 6\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-6.jpg\" width=\"576\" height=\"186\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-6.jpg 576w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-6-300x96.jpg 300w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><\/p>\n<p>Langkah 4<br \/>\nJalankan aplikasi:<\/p>\n<p><a href=\"http:\/\/www.jaringanhosting.com\/Indonesia-ASP-NET-MVC-4-Hosting.aspx\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-676\" alt=\"upload multiple file pada web api 7\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-7.jpg\" width=\"650\" height=\"166\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-7.jpg 650w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-7-300x76.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<p>Pilihlah beberapa file<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-8.jpg\"><img loading=\"lazy\" class=\"alignnone size-full wp-image-677\" alt=\"upload multiple file pada web api 8\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-8.jpg\" width=\"650\" height=\"406\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-8.jpg 650w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2013\/10\/upload-multiple-file-pada-web-api-8-300x187.jpg 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/a><\/p>\n<p>Klik &#8220;upload&#8221;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Artikel ini menjelaskan cara untuk meng-upload beberapa file dalam API Web. Di sini kita menggunakan atribut HTML5 multiple = &#8220;multiple&#8221; untuk meng-upload lebih dari satu file. Prosedur untuk membuat aplikasi: Langkah 1 Pertama kita membuat aplikasi web API seperti berikut:<\/p>\n","protected":false},"author":11,"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\/669"}],"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\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/comments?post=669"}],"version-history":[{"count":0,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts\/669\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/media?parent=669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/categories?post=669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/tags?post=669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}