zoukankan      html  css  js  c++  java
  • 文件上传控件 jQueryFileUpload在 MVC3中的实现

    今天见园友发的文章在介绍jquery file upload插件,忍不住去实操了一把,支持多选(IE除外),有上传进度条,上传完可以预览,能批量删除,批量停止下载等常功能,并且是非Activex,非Flash的,文件也不大,感觉还不错。

    但不是MVC的,于是乎,网上找了一个Demo,本地运行之后,发现有一点小Bug,但瑕不掩瑜,这里分享给园友,有兴趣的可以来下载。

    Demo中引用的JS和Css有Bug,修改后,还发现有些是可以删除的,删除后代码如下:

    @{
        ViewBag.Title = "Bootstrap version demo";
    
        Html.RequiresCss("Bootstrap/bootstrap.min.css", "Content", 2);
        //Html.RequiresCss("Bootstrap/bootstrap-responsive.min.css", "Content", 3);
        //Html.RequiresCss("Bootstrap/bootstrap-image-gallery.min.css", "Content", 4);
    
        Html.RequiresCss("FileUpload/jquery.fileupload-ui.css", "Content", 5);
        
        
        Html.RequiresJs("jquery/1.7.1/jquery.min.js", "googleCDN", 1);
        Html.RequiresJs("jqueryui/1.8.18/jquery-ui.min.js", "googleCDN", 2);
    
        Html.RequiresJs("FileUpload/tmpl.min.js", "Content", 5);
        //Html.RequiresJs("FileUpload/canvas-to-blob.min.js", "Content", 5);
        //Html.RequiresJs("FileUpload/load-image.min.js", "Content", 5);
    
        //Html.RequiresJs("Bootstrap/bootstrap-image-gallery.min.js", "Content", 6);
        //Html.RequiresJs("Bootstrap/bootstrap.min.js", "Content", 6);
    
        Html.RequiresJs("FileUpload/jquery.iframe-transport.js", "Content", 10);
        Html.RequiresJs("FileUpload/jquery.fileupload.js", "Content", 10);
        Html.RequiresJs("FileUpload/jquery.fileupload-ip.js", "Content", 20);
        Html.RequiresJs("FileUpload/jquery.fileupload-ui.js", "Content", 30);
    
        Html.RequiresJs("FileUpload/locale.js", "Content", 90);
        Html.RequiresJs("FileUpload/main.js", "Content", 99);
    }

    当然有些引用文件很小,可以合并,这里没有合并,有兴趣可以二次加工,以方便使用。

    运行后效果如下:

    下载地址:http://download.csdn.net/detail/wufei_8898/5233668

  • 相关阅读:
    Node.js 基础介绍
    你所不知道该如何回答的面试题(一)
    深浅拷贝
    CSRF攻击:陌生链接不要随便点
    跨站脚本攻击(XSS)
    同源策略:为什么XMLHttpRequest不能跨域请求资源?
    HTTP/2:如何提升网络速度
    HTTP/1:HTTP性能优化
    WebComponent:像搭积木一样构建Web应用
    winform 保存文件 打开文件 选择文件 字体样式颜色(流 using System.IO;)
  • 原文地址:https://www.cnblogs.com/ushou/p/3007595.html
Copyright © 2011-2022 走看看