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

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);
            }

}