asp.net mvc之fineuploader上传组件

小渣渣

Fine Uploader 是一个采用Ajax技术实现的文件上传组件，支持拖拽文件上传。使用很简便，只需在页面中引入相应的CSS+Javascrip{过滤}t，剩下的就只服务器端处理逻辑。在其提供的下载包中已经有多种语言实现包括：ASP.NET, ColdFusion, Java, Node.js, Perl, PHP, Python 。

前台：

1. <div id="fine-uploader"></div>

复制代码

js：

1. $(function () {
   
2.             $('#fine-uploader').fineUploader({
   
3.                 request: {
   
4.                     endpoint: '/Upload/ProcessUpload'
   
5.                 },
   
6.                 validation: {
   
7.                     allowedExtensions: ['jpeg', 'jpg', 'png'],
   
8.                     sizeLimit: 2097152
   
9.                 },
   
10.                 multiple: false,
    
11.                 text: {
    
12.                     uploadButton: '<div>上传头像</div>',
    
13.                     dropProcessing: "（支持文件拖放上传，只能上传单张2M以下png、jpg、gif图片）"
    
14.                 }
    
15.             }).on('complete', function (event, id, fileName, responseJson) {
    
16.                 if (responseJson.success) {
    
17.                     
    
18.                     //这里是上传成功之后的东西
    
19.                 }
    
20.             });
    
21.             
    
22.         });

复制代码

后台代码：

1. [HttpPost]
   
2.         public ActionResult ProcessUpload(string qqfile)
   
3.         {
   
4.             try
   
5.             {
   
6.                 string uploadFolder = "/Images/Temp/";
   
7.                 string imgName = Guid.NewGuid().ToString("D");
   
8.                 string imgType = Path.GetExtension(qqfile);
   
9.                 string uploadPath =  Server.MapPath(uploadFolder);
   
10.                 if (!Directory.Exists(uploadPath))
    
11.                 {
    
12.                     Directory.CreateDirectory(uploadPath);
    
13.                 }
    
14.                 using (var inputStream = Request.InputStream)
    
15.                 {
    
16.                     using (var flieStream = new FileStream(uploadPath + imgName + imgType, FileMode.Create))
    
17.                     {
    
18.                         inputStream.CopyTo(flieStream);
    
19.                     }
    
20.                 }
    
21.                 //获取图片的宽度和高度
    
22.                 //using (FileStream fs = new FileStream(@"1.jpg", FileMode.Open, FileAccess.Read))
    
23.                 //{
    
24.                 //    System.Drawing.Image image = System.Drawing.Image.FromStream(fs);
    
25.                 //    string width = image.Width.ToString();
    
26.                 //    string height = image.Height.ToString();
    
27.                 //}  
    
28.                 return Json(new { success = true, message = uploadFolder + imgName + imgType, width = 852, height =1136});
    
29. 
    
30.             }
    
31.             catch (Exception ex)
    
32.             {
    
33.                 return Json(new { fail = true, message = "上传失败!" });
    
34.             }
    
35.         }

复制代码

这个是js压缩包： fineuploader.rar (11.47 KB, 下载次数: 0, 售价: 2 粒MB)

2015-11-12 10:17 上传

点击文件名下载附件

yourber

资源不错 怎么下载？