要实现大文件上传必须配置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. MS SQL的某一数据库成了Single User模式

    数据库恢复失败,原来的数据却变成了 当尝试打开数据库的属性,即出现上面图片异常的信息. 正常来说,是可以打开数据库的属性 此刻,你可以运行SQL语句来解决: USE master; GO ALTER ...

  2. Android开发教程 - 使用Data Binding Android Studio不能正常生成相关类/方法的解决办法

    本系列目录 使用Data Binding(一)介绍 使用Data Binding(二)集成与配置 使用Data Binding(三)在Activity中的使用 使用Data Binding(四)在Fr ...

  3. Flask系列06--(中间件)Flask的特殊装饰器 before_request,after_request, errorhandler

    一.使用 Flask中的特殊装饰器(中间件)方法常用的有三个 @app.before_request # 在请求进入视图函数之前 @app.after_request # 在请求结束视图函数之后 响应 ...

  4. BZOJ 5281--[Usaco2018 Open]Talent Show（分数规划&单调队列&DP）

    5281: [Usaco2018 Open]Talent Show Time Limit: 10 Sec  Memory Limit: 128 MBSubmit: 79  Solved: 58[Sub ...

  5. C#6.0语言规范(十) 类

    类是可以包含数据成员(常量和字段),函数成员(方法,属性,事件,索引器,运算符,实例构造函数,析构函数和静态构造函数)和嵌套类型的数据结构.类类型支持继承,这是一种派生类可以扩展和专门化基类的机制. ...

  6. HTML元素ID和JS方法名重复，JS调用失败

    HTML元素ID和JS方法名重复时,JS中的重名方法无法被找到,不能执行. 修改ID或者方法名,两者不一致即可.

  7. day 39 jq 学习入门2

    ---恢复内容开始--- 前情提要: jq 是用来降低js 的工作的一个组件 一:利用jq 实现动画效果 <!DOCTYPE html> <html lang="en&qu ...

  8. 在vue里面使用iVew框架

    iVew框架的文档   https://www.iviewui.com/docs/guide/install 这里使用的是 npm 来安装,在项目下执行下面命令npm install iview -- ...

  9. CI框架入门笔记

    当前(2019-03-22)CodeIgniter 框架的最新版本是 3.1.5,于2017年6月发布,距今快两年了也没有更新,这与 Laravel 的更新速度相比差距太大了.因为确实,它是一个很古老 ...

  10. IIS 301重定向 报错 地址后面有eurl.axd

    错误发生的原因是当ASP.NET检测到Web站点配置为使用ASP.NET 4.0,本地ASP.NET 4.0 的组件会传递一个不能扩展的 URL到ASP.NET的管理程序作进一步处理.但是,如果一个低 ...