JQuery plug-in ajaxfileupload.js muat naik fail tak segerak example_jquery

Semasa proses muat naik fail di bahagian pelayan, jika anda menggunakan kawalan muat naik pendek pelayan web untuk memuat naik fail, halaman akan dimuat semula sekali, yang tidak begitu mesra kepada pengalaman pengguna. ajaxfileupload.js ialah pemalam muat naik fail tak segerak jQuery yang mudah digunakan dan mudah digunakan.

Prasyarat: fail ajaxfileupload.js, cuma muat turun satu daripada Baidu.

Rujukan JS:

Salin kod Kod adalah seperti berikut:

kod html:

Salin kod Kod adalah seperti berikut:

Kod JS:

Salin kod Kod adalah seperti berikut:

fungsi saveCIinfo() {
               var nama fail = document.getElementById("fileToUpload").value;
                 jika (nama fail != "") {
                    $.ajaxFileUpload({
                      url: '../Order/OrderExec.ashx?oprMode=fileUpload' "&filename=" filename "&billno=" billno "&companyname=" companyname,
secureuri: palsu,
                         fileElementId: 'fileToUpload',//Muat naik ID kawalan
                                  //dataType: 'json',
                   ralat: function () { alert('error' },
Kejayaan: fungsi (datax) {
Jika (datax !="") {
                                 msgShow('System prompt', 'Muat naik berjaya!', 'info');
                            } lain {
                                  msgShow('System prompt', 'Muat naik gagal!', 'info');
                                                                                                                                                                           }
                });
              } lain {
$ .Messager.alert ('prompt', 'Sila pilih fail muat naik', 'info');             }
}

Kod belakang:

Salin kod Kod adalah seperti berikut:

public void FileUpload(HttpContext context)
            {
             cuba
                {
                      konteks.Response.ContentType = "text/html";
                     rentetan nama syarikat = konteks.Permintaan.Params["nama syarikat"];
String billno = context.Request.Params["billno"];
                       nama fail rentetan = konteks.Permintaan.Params["nama fail"];
                      nama rentetan = nama syarikat "_" billno "_" nama fail;
                         Fail HttpFileCollection = HttpContext.Current.Request.Files;
//Nyatakan laluan menyimpan fail yang dimuat naik pada pelayan
                    rentetan savePath = context.Server.MapPath("~/upload/");
//Semak sama ada laluan fizikal ini wujud pada pelayan, jika tidak, buatnya
Jika (!System.IO.Directory.Exists(savePath))
                                                {
System.IO.Directory.CreateDirectory(savePath);
                }
                     savePath = nama savePath;//Muat naik laluan fail
                fail [0].SaveAs(savePath);//Simpan fail
                       konteks. Respons.Tulis(savePath);
            }
              tangkapan (Exception ex)
                {
                    context.Response.Write("FileUpload: " ex.Message);
            }

}