uploadifive上传文件

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了uploadifive上传文件相关的知识，希望对你有一定的参考价值。

uploadifive是一个款基于H5的上传文件的插件。优点是，可以在PC端，也可以在手机上进行操作。缺点是，IE9以下的兼容性不好。

View：

 1 <!DOCTYPE html>
 2 
 3 <html>
 4 <head>
 5     <meta name="viewport" content="width=device-width" />
 6     <title>Index</title>
 7     <script src="~/Scripts/jquery-1.10.2.min.js"></script>
 8     <script src="~/Content/uploadifive/jquery.uploadifive.min.js"></script>
 9     <link href="~/Content/uploadifive/uploadifive.css" rel="stylesheet" />
10 </head>
11 <body>
12     <div id="queue"></div>
13     <input type="file" id="file_upload" name="file_upload" />
14 
15     <script>
16         $(function () {
17             $(‘#file_upload‘).uploadifive({
18                 ‘auto‘: true,
19                 ‘queueID‘: ‘queue‘,
20                 ‘buttonText‘: ‘上传文件‘,
21                 ‘uploadScript‘: ‘/File/UploadFile‘,
22                 ‘onUploadComplete‘: function (file, data) {
23                     if (data) {
24                         alert(‘上传成功‘)
25                     } else {
26                         alert(‘上传失败‘ + rspdesc);
27                     }
28                 }
29             });
30         });
31     </script>
32 </body>
33 </html>

Controller

 1  /// <summary>
 2  /// 上传文件
 3  /// </summary>
 4  public ActionResult UploadFile(HttpPostedFileBase fileData)
 5  {
 6      if (fileData.ContentLength > 0)
 7      {
 8          string fileExt = Path.GetExtension(fileData.FileName);
 9          string fileName = DateTime.Now.ToString("yyyyMMdd_HHmmssff") + fileExt;
10          string savePath = Server.MapPath("~/Upload/"+ fileName);
11          fileData.SaveAs(savePath);
12          return Content("ok");
13      }
14      else
15      {
16          return null;
17      }
18  }

 

以上是关于uploadifive上传文件的主要内容，如果未能解决你的问题，请参考以下文章

uploadifive struts2实现图片上传

uploadifive 如何判断是不是有上传文件

uploadifive.js怎么去掉进度条

文件上传的一些记录

java Ftp上传创建多层文件的代码片段

照片上传到云端的几种方式