Plug-in JQuery ajaxfileupload.js téléchargement de fichier asynchrone example

Plug-in JQuery ajaxfileupload.js téléchargement de fichier asynchrone example_jquery

WBOY

Libérer： 2016-05-16 15:58:27

original

1142 Les gens l'ont consulté

Pendant le processus de téléchargement de fichiers côté serveur, si vous utilisez le contrôle de téléchargement court du serveur Web pour télécharger des fichiers, la page sera actualisée une fois, ce qui n'est pas très convivial pour l'expérience utilisateur. ajaxfileupload.js est un plug-in de téléchargement de fichiers asynchrone jQuery simple à utiliser et facile à utiliser.

Prérequis : fichier ajaxfileupload.js, il suffit d'en télécharger un depuis Baidu.

Référence JS :

Copier le code Le code est le suivant :

Code HTML :

Copier le code Le code est le suivant :

Code JS :

Copier le code Le code est le suivant :

fonction saveCInfo() {

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

                 if (nom de fichier != "") {

                    $.ajaxFileUpload({

                      url : '../Order/OrderExec.ashx?oprMode=fileUpload' "&filename=" nom de fichier "&billno=" billno "&companyname=" nom de l'entreprise,

secureuri : faux,

                         fileElementId : 'fileToUpload',//ID de contrôle de téléchargement

                                  //dataType : 'json',

                   erreur : function () { alert('error' },

Succès : fonction (datax) {

Si (datax != "") {

                                 msgShow('Invite système', 'Téléchargement réussi !', 'info');

                            } autre {

                                  msgShow('Invite système', 'Échec du téléchargement !', 'info');

                                                                                                          }
                 }

                });

               } autre {

$ .Messager.alert ('invite', 'Veuillez sélectionner le fichier à télécharger', 'info');
            }

>

Code backend :

Copier le code Le code est le suivant :

public void FileUpload (contexte HttpContext)
            {
             essayez
                {
                      context.Response.ContentType = "text/html";
                     string companyname = context.Request.Params["companyname"];
Chaîne billno = context.Request.Params["billno"];
                       string filename = context.Request.Params["filename"];
                      string name = nom de l'entreprise "_" billno "_" nom de fichier ;
                         HttpFileCollection files = HttpContext.Current.Request.Files;
//Spécifiez le chemin de sauvegarde du fichier téléchargé sur le serveur
                    string savePath = context.Server.MapPath("~/upload/");
//Vérifie si ce chemin physique existe sur le serveur, sinon crée-le
Si (!System.IO.Directory.Exists(savePath))
                                                {
System.IO.Directory.CreateDirectory(savePath);
                }
                     savePath = nom de savePath ;//Chemin de téléchargement du fichier
                files[0].SaveAs(savePath);//Enregistrez le fichier
                       context.Response.Write(savePath);
            }
              catch (Exception ex)
                {
                    context.Response.Write("FileUpload : " ex.Message);
            }

}