Unggah file excel menggunakan jquery ajax c#

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")]<

        publik JsonResult Index_Post()

{

            bool bendera = benar;

            string responseMessage = string. Kosong;

            jika (Permintaan. File. Hitung > 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

Bagaimana cara mengunggah file menggunakan AJAX di jQuery?

HTML. Create a

element where added , file element, and a button. .. .

CSS. Sembunyikan elemen img. .

PHP. Buat unggahan. .

jQuery. Pada tombol unggah klik dapatkan file yang dipilih dan buat objek FormData. .

Keluaran. Lihat Keluaran

Kesimpulan

Bagaimana cara mengirim file Excel menggunakan AJAX?

Bagaimana cara mengimpor file Excel di jQuery?

Bagaimana cara mengunggah file dengan AJAX?