要实现大文件上传必须配置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. Rabbit MQ 入门指南

    rabbitMQ是一个在AMQP协议标准基础上完整的,可服用的企业消息系统.他遵循Mozilla Public License开源协议.采用 Erlang 实现的工业级的消息队列(MQ)服务器. Ra ...

  2. Android常用库和插件

    下拉刷新 PullLoadMoreRecyclerView 实现RecyclerView下拉刷新和上拉加载更多以及RecyclerView线性.网格.瀑布流效果演示 https://github.co ...

  3. bootstrap基础学习小记（一）简介模板、全局样式

    2011年,twitter的“一小撮”工程师为了提高他们内部的分析和管理能力,用业余时间为他们的产品构建了一套易用.优雅.灵活.可扩展的前端工具集--BootStrap.Bootstrap由MARK ...

  4. 【转】Windows Server 2016 安装 IIS 服务时提示指定备用源路径

    原文地址:http://www.codingwhy.com/view/973.html 在Windows Serever 2016中安装IIS的时候,遇到以下提示 是否需要指定备用源路径?一个或多个安 ...

  5. Mac下更改Mysql5.7的默认编码为utf8

    Mac上从官方安装完Mysql5.7后,有一部分的字符集默认为latin1,而非utf8,为避免乱码的产生,本文介绍将所有字符集设置为utf8 查看当前字符集编码 show variables lik ...

  6. OSLab文件描述符

      日期:2019/3/24 内容:Linux文件描述符.   一.基本概念 文件描述符(File Descriptor) 一个非负整数.应用程序利用文件描述符来访问文件.打开现存文件或新建文件时,内 ...

  7. Java-String类型的参数传递问题

    刚才看见一个兄弟在为Java的String传值/传引用问题困惑,翻箱倒柜找到了这篇我很久以前写的文章,发在这里,希望能对迷惑的朋友有些帮助. 提要:本文从实现原理的角度上阐述和剖析了:在Java语言中 ...

  8. C++获取本机IP地址信息

    #include<winsock2.h> #include<iostream> #include<string> using namespace std; #pra ...

  9. 面试题-lazyMan实现

    原文:如何实现一个LazyMan 面试题目 实现一个LazyMan,可以按照以下方式调用: LazyMan('Hank'),输出: Hi, This is Hank! LazyMan('Hank'). ...

  10. JavaScript（JS）简介

    历史背景介绍 (Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成.后改名叫Javascript ...