Dalam tutorial ini, saya akan menjelaskan cara mengunggah file di ASP. NET MVC menggunakan metode jQuery Ajax. Saya akan menggunakan Visual Studio 2013. Di bawah ini adalah tutorial langkah demi langkah
Membuat ASP. Aplikasi Kosong .NET MVC
Sekarang langkah selanjutnya adalah membuat ASP. Aplikasi kosong .NET MVC seperti yang ditunjukkan di bawah ini
Buka File → New → Project. Jendela baru akan terbuka seperti yang ditunjukkan di bawah ini
Sekarang buka Web dan pilih. .NET Framework 4. 5 dan beri nama proyek dan klik OK
Sekarang jendela baru akan terbuka seperti yang ditunjukkan di bawah ini
Sekarang Pilih Template Kosong, periksa kotak centang MVC dan klik OK
Sekarang, sebuah proyek baru akan dibuat seperti yang ditunjukkan di bawah ini
Menambahkan Folder Unggahan
Sekarang tambahkan folder baru bernama UploadFiles ke direktori root aplikasi tempat file akan diunggah atau Anda dapat menggunakan lokasi tertentu di hard drive untuk mengunggah file
Menambahkan Pengontrol
Langkah selanjutnya adalah menambahkan controller ke application. Buka folder pengontrol dan tambahkan pengontrol kosong baru bernama pengontrol Rumah. Ganti semua kode dengan kode di bawah ini. Di sini metode pertama adalah Indeks yang mengembalikan tampilan yang berisi markup untuk mengunggah file. Metode indeks kedua adalah metode posting yang digunakan untuk menyimpan file yang diposting dari tampilan ke hard drive
Metode indeks pos mengembalikan hasil dalam format JSON dengan dua variabel khusus sukses dan pesanresponsif. variabel sukses berisi pesan benar atau salah dan respons berisi pesan respons yang berbeda
menggunakan Sistem;
menggunakan Sistem. Koleksi. Umum;
menggunakan Sistem. AKU;
menggunakan Sistem. Linq;
menggunakan Sistem. Web;
menggunakan Sistem. Web. Mvc;
ruang nama Aplikasi Web1. Pengendali
{
publik kelas HomeController. Pengontrol
{
public ActionResult Index()
{
return View();
}
[HttpPost]
[NamaAksi("Indeks")] 0)
{
HttpPostedFileBase file = Permintaan. File[0];
//tambahkan kondisi lainnya seperti jenis file, ukuran file, dll sesuai kebutuhan Anda.
jika (file. = null && berkas. ContentLength > 0 && ( Jalur. Dapatkan Ekstensi (file. Nama file). ToLower() == ". xlsx". Jalur. Dapatkan Ekstensi (file. Nama file). ToLower() == ". xls"))
{
coba
{
string fileName = Path. GetFileName(file. Nama File);
string filePath = Path. Menggabungkan (Server. MapPath("~/UploadFiles"), fileName);
mengajukan. SaveAs(filePath);
bendera = benar;
responseMessage = "Upload Berhasil. " ;
}
tangkap (Pengecualian ex)
{
flag = false;
responseMessage = "Upload Gagal dengan kesalahan. " + mis. Pesan;
}
}
lain
{
flag = false;
responseMessage = "File tidak valid. " ;
}
}
lain
{
bendera = false;
responseMessage = "File yang diupload tidak memiliki file. " ;
}
return Json(baru { sukses = bendera, . AllowGet);JsonRequestBehavior.AllowGet);
}
}
}
Menambahkan Tampilan
Sekarang, klik kanan pada metode aksi indeks pengontrol rumah, tambahkan tampilan baru dan beri nama Index. Pilih Template kosong dan hapus centang Gunakan halaman tata letak dan klik Tambahkan seperti yang ditunjukkan di bawah ini