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

<system.web>

<compilation debug="true" targetFramework="4.5" />

<!--<httpRuntime targetFramework="4.5" />-->

<httpRuntime targetFramework="4.5" maxRequestLength="" executionTimeout="" />

</system.web>

<system.webServer>

<security>

<requestFiltering>

<!--修改服务器允许最大长度-->

<requestLimits maxAllowedContentLength=""/>

</requestFiltering>

</security>

</system.webServer>

index页面

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

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>jQuery File Upload Demo</title>

    <link rel="stylesheet" href="~/JS/bootstrap/css/bootstrap.min.css">

    <link rel="stylesheet" href="~/CSS/fileupload.css">

    <script src="~/JS/jQuery.js"></script>

    <style>

        img {

            max-width:50px;

            overflow:hidden;

            margin:30px;

        }

        li {

            list-style:none;

        }

        .progress {

            width: 350px;

            margin-left: 76px;

            margin-top: -90px;

            display:none;

        }

    </style>

</head>

<body>

    <div class="container">

        <h1>jQuery File Upload Demo</h1>

        <br>

        <div class="row fileupload-buttonbar">

            <div class="col-lg-12">

                <!-- The fileinput-button span is used to style the file input field as button -->

                <span class="btn btn-success fileinput-button">

                    <i class="glyphicon glyphicon-plus"></i>

                    <span>Add files...</span>

                    <input type="file" id="fileupload"  name="files" multiple>

                </span>

                <button type="submit" class="btn btn-primary start">

                    <i class="glyphicon glyphicon-upload"></i>

                    <span id="Start">Start upload</span>

                </button>

                <button type="reset" class="btn btn-warning cancel">

                    <i class="glyphicon glyphicon-ban-circle"></i>

                    <span id="Cancle">Cancel upload</span>

                </button>

                <button type="button" class="btn btn-danger delete">

                    <i class="glyphicon glyphicon-trash"></i>

                    <span id="Delete">Delete</span>

                </button>

                <input type="checkbox" class="toggle">

                <div class="container">

                    <div class="row" id="imglist">

                        <img id="preview" src="" width="" height="" />

                    </div>

                    <div class="progress">

                        <div class="progress-bar" style="width: 0%;">

                        </div>

                    </div>

                </div>

            </div>

        </div>

    </div>
</body>
 <script type="text/javascript">

            $('#fileupload').fileupload({

                url: "/Home/img",

                Type: "POST",

                dataType: 'json',

                autoUpload: true,

                acceptFileTypes: "/(\.|\/)(gif|jpe?g|png|xlsx|mp4)$/i",

                add: function (e, data)

                {

                    $("#Start").click(function () {

                        data.submit();

                    })

                },

                success:function(response, status)

                {

                    var obj = JSON.parse(response);

                    var imgPath = obj["filePath"];

                    $("#imglist").append('<li><img src="' + imgPath + '" /> </li>');                    

                },

                done: function (e, data) {

                    alert("upload finish");

                },

                error: function (error) {

                    alert("error");

                },

                progressall: function (e, data) { //进度条显示

                    var progress = parseInt(data.loaded / data.total * , );

                    $('.progress .progress-bar').css(

                        'width',

                        progress + '%'

                        );

                    $('.progress-bar').html(

                        progress + '%'

                        );

                    $('.progress ').css(

                        'display',

                        'block'

                        );

                }

            });

    </script>

Controller

public JsonResult img(HttpPostedFileBase files)//, string deviceCode, string type

        {

            try

            {

                string localPath = "/uploads/images/" + DateTime.Now.ToString("yyyyMMdd");

                string path = Server.MapPath("~" + localPath);

                if (!Directory.Exists(path))

                {

                    Directory.CreateDirectory(path);

                }

                TimeSpan ts = DateTime.Now - TimeZone.CurrentTimeZone.ToLocalTime(new DateTime(, , ));

                string fileName = (long)ts.TotalMilliseconds + Path.GetExtension(files.FileName);

                files.SaveAs(path + "/" + fileName);

                return Json("{\"filePath\":\"" + localPath + "/" + fileName + "\",\"sourePath\":\"" + files.FileName + "\"}");

            }

            catch (Exception ex)

            {

                return null;

            }

        }

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. spring mvc请求过程

    spring mvc处理请求过程 1.    首先客户端发送一个HTTP请求,Web服务器接收这个请求,如果匹配DispatcherServlet的请求映射路径,web容器将请求转交给Dispatch ...

  2. 两台linux之间建立信任关系，实现免密码ssh远程登录或scp数据上传

    两台linux之间建立信任关系,实现免密码远程登录或数据上传 1.执行ssh-keygen命令,生成建立安全信任关系的证书: linux1上:执行命令  ssh-keygen  -t rsa 在程序提 ...

  3. Cordova - Windows 下创建第一个 Android App

    官方文档: Create your first Cordova app Android Platform Guide 安装 JDK 和 Android SDK 注意: 需要将 JK 和 Android ...

  4. Mybatis-generator插件,用于自动生成Mapper和POJO

    后台环境为springboot+mybatis. 步骤一:添加mybatis环境 <dependency> <groupId>mysql</groupId> < ...

  5. [学习笔记]我们追过的神奇异或（Trie树系列）

    引言 刚学了\(Trie\)树,写篇博客巩固一下. 题目 首先安利一发\(Trie\)树模板 1.Phone List 2.The XOR largest pair 3.The xor-longest ...

  6. Android逆向——smali复杂类解析

    i春秋作家:HAI_ 之前在Android逆向——初识smali与java类中讲解了基本的HelloWorld和简单类.这节课就要进一步深入.如果能够耐下心来分析一定会有所收获.——写给自己和后来人. ...

  7. 用代码来细说Csrf漏洞危害以及防御

    开头: 废话不多说,直接进主题. 0x01 CSRF介绍:CSRF(Cross-site request forgery)跨站请求伪造,也被称为“One Click Attack”或者Session ...

  8. Java - Junit单元测试框架

    简介 Junit : http://junit.org/ JUnit是一个开放源代码的Java语言单元测试框架,用于编写和运行可重复的测试. 多数Java的开发环境都已经集成了JUnit作为单元测试的 ...

  9. js获取当前页面相关信息

    1. 获取整个url: console.log(window.location.href)  http://localhost:8082/Index.html?name=tom 2. 获取域名加端口号 ...

  10. 《Python编程从入门到实践》--- 学习过程笔记(3)列表

    一.用[](方括号)表示列表,用,(逗号)分隔其中的元素. >>> name=['limei', 'hanmeimei', 'xiaoming'] >>> prin ...