要实现大文件上传必须配置webConfig例如：

  1. <system.web>
  2. <compilation debug="true" targetFramework="4.5" />
  3. <!--<httpRuntime targetFramework="4.5" />-->
  4. <httpRuntime targetFramework="4.5" maxRequestLength="" executionTimeout="" />
  5. </system.web>
  6.  
  7. <system.webServer>
  8. <security>
  9. <requestFiltering>
  10. <!--修改服务器允许最大长度-->
  11. <requestLimits maxAllowedContentLength=""/>
  12. </requestFiltering>
  13. </security>
  14. </system.webServer>

index页面

运用jQuery-file-Upload需要引用以下js

jquery.ui.widget.js
jquery.iframe-transport.js
jquery.fileupload.js

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>jQuery File Upload Demo</title>
  6.     <link rel="stylesheet" href="~/JS/bootstrap/css/bootstrap.min.css">
  7.     <link rel="stylesheet" href="~/CSS/fileupload.css">
  8.     <script src="~/JS/jQuery.js"></script>
  9.     <style>
  10.         img {
  11.             max-width:50px;
  12.             overflow:hidden;
  13.             margin:30px;
  14.         }
  15.         li {
  16.             list-style:none;
  17.         }
  18.         .progress {
  19.             width: 350px;
  20.             margin-left: 76px;
  21.             margin-top: -90px;
  22.             display:none;
  23.         }
  24.     </style>
  25. </head>
  26. <body>
  27.     <div class="container">
  28.         <h1>jQuery File Upload Demo</h1>
  29.         <br>
  30.         <div class="row fileupload-buttonbar">
  31.             <div class="col-lg-12">
  32.                 <!-- The fileinput-button span is used to style the file input field as button -->
  33.                 <span class="btn btn-success fileinput-button">
  34.                     <i class="glyphicon glyphicon-plus"></i>
  35.                     <span>Add files...</span>
  36.                     <input type="file" id="fileupload"  name="files" multiple>
  37.                 </span>
  38.                 <button type="submit" class="btn btn-primary start">
  39.                     <i class="glyphicon glyphicon-upload"></i>
  40.                     <span id="Start">Start upload</span>
  41.                 </button>
  42.                 <button type="reset" class="btn btn-warning cancel">
  43.                     <i class="glyphicon glyphicon-ban-circle"></i>
  44.                     <span id="Cancle">Cancel upload</span>
  45.                 </button>
  46.                 <button type="button" class="btn btn-danger delete">
  47.                     <i class="glyphicon glyphicon-trash"></i>
  48.                     <span id="Delete">Delete</span>
  49.                 </button>
  50.                 <input type="checkbox" class="toggle">
  51.  
  52.                 <div class="container">
  53.                     <div class="row" id="imglist">
  54.                         <img id="preview" src="" width="" height="" />
  55.                     </div>
  56.                     <div class="progress">
  57.                         <div class="progress-bar" style="width: 0%;">
  58.                         </div>
  59.                     </div>
  60.                 </div>
  61.  
  62.             </div>
  63.         </div>
  64.     </div>
    </body>
  1.  <script type="text/javascript">
  2.             $('#fileupload').fileupload({
  3.                 url: "/Home/img",
  4.                 Type: "POST",
  5.                 dataType: 'json',
  6.                 autoUpload: true,
  7.                 acceptFileTypes: "/(\.|\/)(gif|jpe?g|png|xlsx|mp4)$/i",
  8.                 add: function (e, data)
  9.                 {
  10.                     $("#Start").click(function () {
  11.                         data.submit();
  12.                     })
  13.                 },
  14.                 success:function(response, status)
  15.                 {
  16.                     var obj = JSON.parse(response);
  17.                     var imgPath = obj["filePath"];
  18.                     $("#imglist").append('<li><img src="' + imgPath + '" /> </li>');                    
  19.  
  20.                 },
  21.                 done: function (e, data) {
  22.                     alert("upload finish");
  23.                 },
  24.                 error: function (error) {
  25.                     alert("error");
  26.                 },
  27.                 progressall: function (e, data) { //进度条显示
  28.                     var progress = parseInt(data.loaded / data.total * , );
  29.                     $('.progress .progress-bar').css(
  30.                         'width',
  31.                         progress + '%'
  32.                         );
  33.                     $('.progress-bar').html(
  34.                         progress + '%'
  35.                         );
  36.                     $('.progress ').css(
  37.                         'display',
  38.                         'block'
  39.                         );
  40.                 }
  41.             });
  42.     </script>

Controller

  1. public JsonResult img(HttpPostedFileBase files)//, string deviceCode, string type
  2.         {
  3.             try
  4.             {
  5.                 string localPath = "/uploads/images/" + DateTime.Now.ToString("yyyyMMdd");
  6.                 string path = Server.MapPath("~" + localPath);
  7.                 if (!Directory.Exists(path))
  8.                 {
  9.                     Directory.CreateDirectory(path);
  10.                 }
  11.                 TimeSpan ts = DateTime.Now - TimeZone.CurrentTimeZone.ToLocalTime(new DateTime(, , ));
  12.                 string fileName = (long)ts.TotalMilliseconds + Path.GetExtension(files.FileName);
  13.                 files.SaveAs(path + "/" + fileName);
  14.                 return Json("{\"filePath\":\"" + localPath + "/" + fileName + "\",\"sourePath\":\"" + files.FileName + "\"}");
  15.  
  16.             }
  17.             catch (Exception ex)
  18.             {
  19.                 return null;
  20.             }
  21.         }

C# fileUpload视频上传的更多相关文章

  1. ASP.NET MVC+LayUI视频上传

    前言: 前段时间在使用APS.NET MVC+LayUI做视频上传功能的时,发现当上传一些内存比较大的视频就会提示上传失败,后来通过查阅相关资料发现.NET MVC框架为考虑安全问题,在运行时对请求的 ...

  2. 对FileUpload文件上传控件的一些使用方法说明

    //创建时间:2014-03-12 //创建人:幽林孤狼 //说明:FileUpload文件上传控件使用说明(只是部分)已共享学习为主 //可以上传图片,txt文档.doc,wps,还有音频文件,视屏 ...

  3. ASP.NET中扩展FileUpload的上传文件的容量

    ASP.NET中扩展FileUpload只能上传小的文件,大小在4MB以内的.如果是上传大一点的图片类的可以在web.config里面扩展一下大小,代码如下 <system.web> &l ...

  4. bootstrap-fileinput视频上传

    在页面编写一个input框: <input id="input-repl-3a" name="videoFileAddress" type="f ...

  5. 【腾讯云的1001种玩法】 Laravel 整合微视频上传管理能力，轻松打造视频App后台

    版权声明:本文由白宦成原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/108597001488193402 来源:腾云阁 h ...

  6. 微信小程序选择视频，视频上传，视频播放

    请查看链接地址看具体详情: 选择视频: https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-video.html#wxchoosevideoobje ...

  7. (转)ASP.NET(C#)FileUpload实现上传限定类型和大小的文件到服务器

    上传文件有两个主要的目的地,一个是服务器,另一个是数据库,ASP.NET内置了FileUpload这个上传控件,文本框显示用户选择的文件的全名. 其属性主要包括: ContenLength:上传文件大 ...

  8. 腾讯云点播视频存储(Web端视频上传)

    官方文档 前言 所谓视频上传,是指开发者或其用户将视频文件上传到点播的视频存储中,以便进行视频处理.分发等. 一.简介 腾讯云点播支持如下几种视频上传方式: 控制台上传:在点播控制台上进行操作,将本地 ...

  9. 「小程序JAVA实战」小程序视频上传方法的抽象复用（57）

    转自:https://idig8.com/2018/09/23/xiaochengxujavashizhanxiaochengxushipinshangchuanfangfadechouxiangfu ...

随机推荐

  1. 使用WPF制作视频监控多画面切换

    前言 曾有做过一个产品,有一个功能是视频监控模块,视频监控首先想到的是视频多画面切换功能,由于前端是用WPF开发的,所以当时就做了一个多画面切换组件,效果如下: 功能设计前提: 由于要使用海康大华天地 ...

  2. 在ASP.NET MVC部署AngularJs

    创建一个ASP.NET MVC项目. 打开NuGet管理,安装angularjs: 在App_Start目录下,Bundle刚刚安装的angularjs库: 在Global.asax.cs的Appli ...

  3. Spring IOC 容器源码分析 - 循环依赖的解决办法

    1. 简介 本文,我们来看一下 Spring 是如何解决循环依赖问题的.在本篇文章中,我会首先向大家介绍一下什么是循环依赖.然后,进入源码分析阶段.为了更好的说明 Spring 解决循环依赖的办法,我 ...

  4. 564. Find the Closest Palindrome

    Given an integer n, find the closest integer (not including itself), which is a palindrome. The 'clo ...

  5. 简单介绍RPM包制作方法

    RPM是RedHat Package Manager(RedHat软件包管理工具)的缩写,是一种用于互联网下载包的打包及安装工具,它包含在某些Linux分发版中.它生成具有.RPM扩展名的文件.使用r ...

  6. system表空间空间不足解决办法

    场景描述: 系统表空间空间不足,导致应用无法正常连接!!! 环境描述: ORACLE 11G 查看当前表空间的整体使用情况,以及有没有开启自动扩展,以及扩展的最大限制!!! ---tablespace ...

  7. Mysql 索引原理及优化

    本文内容主要来源于互联网上主流文章,只是按照个人理解稍作整合,后面附有参考链接. 一.摘要 本文以MySQL数据库为研究对象,讨论与数据库索引相关的一些话题.特别需要说明的是,MySQL支持诸多存储引 ...

  8. android自定义控件 几种方式总结

    方式1:不继承任何组件 , 直接在代码里面调用实例化.public class ProgressDialog { private Dialog dialog; public ProgressDialo ...

  9. DockPanel与GeckoFX、ChrominumFX、CefSharp结合使用问题

    在使用DockPanel与ChrominumFx时,当在以下条件下拖动窗体时,会发生ChromiumWebBrowser崩溃的情况,此种情况也会在DockPanel与GeckoFX或CefSharp结 ...

  10. Java - replace a character at a specific index in a string?

    String are immutable in Java. You can't change them. You need to create a new string with the charac ...