如何使用jQuery上传多个文件

2016-07-07 14:55 来源:www.chinab4c.com 作者:ecshop专家

介绍在这篇文章的代码 里解决了一次性选择一个或多个文件。当然,我们可以移除所选文章,可以限定文章类型。用户操作界面也很友好。

使用代码
参考下面代码..

<html ><head runat="server"> <title>Multiple file Upload</title> <script src="http://jquery-multifile-plugin.googlecode.com/svn/trunk/jquery.js" type="text/javascript"></script> <script src="http://jquery-multifile-plugin.googlecode.com/svn/trunk/jquery.MultiFile.js" type="text/javascript"></script></head><body> <form id="form1" runat="server"> <div><asp:FileUpload ID="FileUploadJquery" runat="server" class="multi" accept="jpg|png" /></div> </form></body></html>

C#代码处得文件上传控制..
string fileName1 = "";string FullName1 = "";HttpFileCollection uploads = Request.Files;//for (int fileCount = 0; fileCount < uploads.Count; fileCount++)for (int fileCount = 1; fileCount < 6; fileCount++){ if (fileCount < uploads.Count) {HttpPostedFile uploadedFile = uploads[fileCount];fileName1 = Path.GetFileName(uploadedFile.FileName);if (uploadedFile.ContentLength > 0){string[] a = new string[1];a = uploadedFile.FileName.Split('.');fileName1 = a.GetValue(0).ToString() + "." + a.GetValue(1).ToString();uploadedFile.SaveAs(Server.MapPath("mobile_image/mob_img/" + fileName1));}}

上面的代码:
  • 限定一些文件
  • 限定上传的文件数
  • 上传文件的种类

等等..
谢谢

以上由聚划算团购网站长编辑整理