要实现大文件上传必须配置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. 利用 LibWebP-NET 解码与编码 WebP 格式图片

    此文以后将会在我的新博客更新,有任何疑问可在我的新博文中提出 https://blog.clso.fun/posts/2019-03-02/vb-net-webp.html WebP 格式是谷歌开发并 ...

  2. 关于Winform下DataGridView中实现checkbox全选反选、同步列表项的处理

    近期接手一个winform 项目,虽然之前有.net 的经验,但是对一些控件的用法还不是很熟悉. 这段时间将会记录一些在工作中遇到的坎坷以及对应的解决办法,写出来与大家分享并希望大神提出更好解决方法来 ...

  3. AJPFX：外汇的杠杆保证金是什么

    外汇杠杆和保证金两者有着密切的关系.杠杆越大,交易时所用的保证金就越少. 杠杆即为保证金可以缩小的倍数.例如在没有杠杆的情况下,做一手即10万的欧元兑美元货币对合约(现在价格是1.05821),您所需 ...

  4. Java并发编程总结5——ThreadPoolExecutor

    一.ThreadPoolExecutor介绍 在jdk1.8中,构造函数有4个.以 ThreadPoolExecutor(int corePoolSize, int maximumPoolSize, ...

  5. 【ElasticSearch】：elasticsearch.yml配置

    ElasticSearch5的elasticsearch.yml配置 注意 elasticsearch.yml中的配置,冒号和后面配置值之间有空格 cluster.name: my-applicati ...

  6. Java零基础教程（二）基础语法

    Java 基础语法 一个 Java 程序可以认为是一系列对象的集合,而这些对象通过调用彼此的方法来协同工作.下面简要介绍下类.对象.方法和实例变量的概念. 对象:对象是类的一个实例,有状态和行为.例如 ...

  7. navicat的下载、激活

    1.安装   navicat  (自己可以去下载最新版本),双击安装: 2.激活  navicat , 双击运行即可激活成功! 3.简单快捷高效!

  8. [原创]K8飞刀20150725 支持SOCKS5代理(内网渗透)

    工具: K8飞刀编译: 自己查壳组织: K8搞基大队[K8team]作者: K8拉登哥哥博客: http://qqhack8.blog.163.com发布: 2015/7/26 3:41:11 简介: ...

  9. Webstorm使用教程详解

    Webstorm使用教程详解 Webstorm垂直分栏.左右分栏 Webstorm 主题.背景.颜色等设置的导入导出   使用WebStorm开发web前端 网页中文乱码问题的解决方案 Webstor ...

  10. oracle exp imp日常使用

    http://www.cnblogs.com/ningvsban/archive/2012/12/22/2829009.html http://www.cnblogs.com/mq0036/archi ...