JQuery-Plug-in ajaxfileupload.js asynchroner Datei-Upload example

JQuery-Plug-in ajaxfileupload.js asynchroner Datei-Upload example_jquery

WBOY

Freigeben： 2016-05-16 15:58:27

Original

1144 Leute haben es durchsucht

Wenn Sie während des Datei-Upload-Vorgangs auf der Serverseite die Short-End-Upload-Steuerung des Webservers zum Hochladen von Dateien verwenden, wird die Seite einmal aktualisiert, was für die Benutzererfahrung nicht sehr benutzerfreundlich ist. ajaxfileupload.js ist ein jQuery-Plug-in zum asynchronen Datei-Upload, das einfach zu verwenden und leicht zu verwenden ist.

Voraussetzung: ajaxfileupload.js-Datei, laden Sie einfach eine von Baidu herunter.

JS-Referenz:

Code kopieren Der Code lautet wie folgt:

HTML-Code:

Code kopieren Der Code lautet wie folgt:

JS-Code:

Code kopieren Der Code lautet wie folgt:

Funktion saveCInfo() {

               var filename = document.getElementById("fileToUpload").value;

                 if (filename != "") {

                    $.ajaxFileUpload({

                      URL: '../Order/OrderExec.ashx?oprMode=fileUpload' "&filename=" Dateiname "&billno=" Rechnungsnummer "&companyname=" Firmenname,

secureuri: false,

                         fileElementId: 'fileToUpload',//Upload-Kontroll-ID

                                  //dataType: 'json',

                   error: function () { warning('error' },

Erfolg: Funktion (datax) {

If (datax != "") {

                                 msgShow('System prompt', 'Upload erfolgreich!', 'info');

                            } else {

                                  msgShow('System prompt', 'Upload failed!', 'info');

                                                                                                       }
                 }

                });

              } sonst {

$ .Messager.alert ('prompt', 'Bitte wählen Sie die Upload-Datei aus', 'info');
            }

}

Backend-Code:

Code kopieren Der Code lautet wie folgt:

public void FileUpload(HttpContext context)
            {
             Versuchen Sie es
                {
                      context.Response.ContentType = "text/html";
                     string companyname = context.Request.Params["companyname"];
String billno = context.Request.Params["billno"];
                       string filename = context.Request.Params["filename"];
                      string name = firmenname „_“ billno „_“ filename;
                         HttpFileCollection files = HttpContext.Current.Request.Files;
//Geben Sie den Speicherpfad der hochgeladenen Datei auf dem Server an
                    string savePath = context.Server.MapPath("~/upload/");
//Überprüfen Sie, ob dieser physische Pfad auf dem Server vorhanden ist. Wenn nicht, erstellen Sie ihn
If (!System.IO.Directory.Exists(savePath))
                                               {
System.IO.Directory.CreateDirectory(savePath);
                }
                     savePath = savePath name;//Dateipfad hochladen
                files[0].SaveAs(savePath);//Speichern Sie die Datei
                       context.Response.Write(savePath);
            }
              Catch (Ausnahme ex)
                {
                    context.Response.Write("FileUpload: " ex.Message);
            }

}