要实现大文件上传必须配置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. 分形之科赫(Koch)雪花

    科赫曲线是一种分形.其形态似雪花,又称科赫雪花.雪花曲线.瑞典人科赫于1904年提出了著名的“雪花”曲线,这种曲线的作法是,从一个正三角形开始,把每条边分成三等份,然后以各边的中间长度为底边.分别向外 ...

  2. 转 iOS宏定义的使用与规范

    宏定义在很多方面都会使用,例如定义高度.判断iOS系统.工具类,还有诸如文件路径.服务端api接口文档.为了对宏能够快速定位和了解其功能,我们最好在定义的时候将其放入特定的头文件中,下面我抛砖引玉,对 ...

  3. Ubuntu16.04安装NVIDIA显卡驱动

    1.下载官方驱动程序 http://www.geforce.cn/drivers 如果我们直接安装驱动的话,往往会报错:ERROR: The Nouveau kernel driver is curr ...

  4. 一不小心发现了个Asp.Net Bug

    1. Ver是页面定义的变量 2. asp.net 页面定义为  <link href="/company/them/page.css?v=<%=Ver%>" r ...

  5. 5. ASP.NET MVC 中的Areas【区域】是什么

    [PS返回上一篇:-->4.ASP.NET MVC 5.0 视图之模型绑定] 从ASP.NET MVC 2.0开始,微软就提供了一个新特性:Areas[区域].Areas仅仅是用来将大型程序拆分 ...

  6. [leetcode.com]算法题目 - Sort Colors

    Given an array with n objects colored red, white or blue, sort them so that objects of the same colo ...

  7. C/C++掌握技能（一）

    1.在编译器中输入代码并将其保存为.cpp文件(C语言的文件扩展名.c,但为了使用C++中的一些好用的特性,请把文件扩展名改为C++的.cpp)2.等价头文件:#include<stdio.h& ...

  8. Linux系统磁盘与分区管理(7)

    Linux最传统的磁盘文件系统(filesystem)使用的是EXT4格式,所以要了解文件系统就得要由认识EXT4开始,而文件系统是创建在硬盘上面的,因此我们得了解硬盘的物理组成才行,下面我们回来详细 ...

  9. day02 基本数据类型与运算符

    day02 1.基本数据类型 2.算术运算符 +,-,*,/,%,++,-- 3.赋值运算符 =,+=,-=,*=,/=,%= 4.关系运算符 +=,-=,*=,/=,%=  结果是boolean类型 ...

  10. Dubbo实现原理之基于SPI思想实现Dubbo内核

    dubbo中SPI接口的定义如下: @Documented @Retention(RetentionPolicy.RUNTIME) @Target({ElementType.TYPE}) public ...