<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <!-- 2.创建页面元素 -->

    <div id="upload">

        <input id="file" type="file" name="file" />

        <button id="btnButton" type="button">提交2</button>

    </div>

    <script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>

    <script type="text/javascript" src="js/jquery-form.js"></script>

    <script type="text/javascript">

        $(function(){

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

                sendRequest();

                return false;

            });

        })

        var BYTES_PER_CHUNK =1 * 1024 * 1024; // 每个文件切片大小定为1MB .

        var slices;

        var totalSlices;

        //发送请求

        function sendRequest() {

            var blob = document.getElementById("file").files[0];

            var start = 0;

            var end;

            var index = 0;

            // 计算文件切片总数

            slices = Math.ceil(blob.size / BYTES_PER_CHUNK);

            totalSlices= slices;

            while(start < blob.size) {

            end = start + BYTES_PER_CHUNK;

            if(end > blob.size) {

                end = blob.size;

            }

            uploadFile(blob, index, start, end);

            start = end;

            index++;

            if ( index>=totalSlices )

                location="reboot.htm";

            }

        }

        //上传文件

        function uploadFile(blob, index, start, end) {

            var xhr;

            var fd;

            var chunk;

            var sliceIndex=blob.name+index;

            chunk =blob.slice(start,end);//切割文件

            fd = new FormData();

            fd.append("UpgradeFileName", chunk, sliceIndex);

            var xhr = new XMLHttpRequest();

            xhr.open('POST', 'http://192.168.10.134:8080/Training/UploadVideo', false);//false指同步上传，因为我的服务器内存较小，选择同步，如果追求速度，可以选择 //ture，异步上传

            xhr.send(fd);

            if((xhr.status >=200 && xhr.status < 300) || xhr.status == 304){

                setTimeout("",10);

            }else{

                uploadFile(blob, index, start, end);

            }

        }

</script>

</body>

</html>
/// <summary>

        /// 文件合并

        /// </summary>

        /// <param name="files">文件列表</param>

        /// <param name="fullName">存放路径</param>

        public static void FileMerge(List<string> files, string fullName)

        {

            if (!(files.Count > ))

            {

                throw new Exception("文件列表为空");

            }

            foreach (string item in files)

            {

                if (!File.Exists(item))

                {

                    throw new Exception(string.Format("文件{0}不存在", item));

                }

            }

            byte[] buffer = new byte[ * ];

            using (FileStream outStream = new FileStream(fullName, FileMode.Create))

            {

                int readedLen = ;

                FileStream srcStream = null;

                for (int i = ; i < files.Count; i++)

                {

                    srcStream = new FileStream(files[i], FileMode.Open);

                    while ((readedLen = srcStream.Read(buffer, , buffer.Length)) > )

                    {

                        outStream.Write(buffer, , readedLen);

                    }

                    srcStream.Close();

                }

            }

        }

视频分片上传+C#后端合并的更多相关文章

  1. 大文件分片上传，后端拼接保存（前端：antd；后端：.Net 5 WebAPI）

    前言 对于普通业务场景而言,直接用 FormData() 将文件以入参的一个参数传给后端即可,但此方法有一个弊端就是,有个 30M 的上限. 对于动辄几百 M.几个 G 的文件上传需求,FormDat ...

  2. 视频大文件分片上传（使用webuploader插件）

    背景 公司做网盘系统,一直在调用图片服务器的接口上传图片,以前写的,以为简单改一改就可以用 最初要求 php 上传多种视频格式,支持大文件,并可以封面截图,时长统计 问题 1.上传到阿里云服务器,13 ...

  3. plupload 大文件分片上传与PHP分片合并探索

    最近老大分给我了做一个电影cms系统,其中涉及到一个功能,使用七牛云的文件上传功能.七牛javascript skd,使用起来很方便,屏蔽了许多的技术细节.如果只满足与调用sdk,那么可能工作中也就没 ...

  4. 聚是一团火散作满天星，前端Vue.js+elementUI结合后端FastAPI实现大文件分片上传

    原文转载自「刘悦的技术博客」https://v3u.cn/a_id_175 分片上传并不是什么新概念,尤其是大文件传输的处理中经常会被使用,在之前的一篇文章里:python花式读取大文件(10g/50 ...

  5. plupload分片上传视频文件源码展示

    plupload分片上传视频文件目录结构如下: |- images//视频上传小图片 |-js// plupload js文件 |-uploads//视频文件存放文件夹 里面是按日期存放 |-ajax ...

  6. java后端分片上传接口

    文件上传工具--FileUtil package com.youmejava.chun.util; import lombok.Data; import org.apache.tomcat.util. ...

  7. 30分钟玩转Net MVC 基于WebUploader的大文件分片上传、断网续传、秒传（文末附带demo下载）

    现在的项目开发基本上都用到了上传文件功能,或图片,或文档,或视频.我们常用的常规上传已经能够满足当前要求了, 然而有时会出现如下问题: 文件过大(比如1G以上),超出服务端的请求大小限制: 请求时间过 ...

  8. 以寡治众各个击破，超大文件分片上传之构建基于Vue.js3.0+Ant-desgin+Tornado6纯异步IO高效写入服务

    原文转载自「刘悦的技术博客」https://v3u.cn/a_id_218 分治算法是一种很古老但很务实的方法.本意即使将一个较大的整体打碎分成小的局部,这样每个小的局部都不足以对抗大的整体.战国时期 ...

  9. Vue2.0结合webuploader实现文件分片上传

    Vue项目中遇到了大文件分片上传的问题,之前用过webuploader,索性就把Vue2.0与webuploader结合起来使用,封装了一个vue的上传组件,使用起来也比较舒爽. 上传就上传吧,为什么 ...

随机推荐

  1. setTimeout与setInterval有何区别?

    ①setTimeout和setInterval的语法相同.它们都有两个参数,一个是将要执行的代码字符串,还有一个是以毫秒为单位的时间间隔,当过了那个时间段之后就将执行那段代码. ②不过这两个函数还是有 ...

  2. Codeforces Round #179 (Div. 1 + Div. 2)

    A. Yaroslav and Permutations 值相同的个数不能超过\(\lfloor \frac{n + 1}{2} \rfloor\). B. Yaroslav and Two Stri ...

  3. 初次使用pycharm 的interpreter option为空解决办法。

    第一步:进入Setting. 第二步:进入Project中的Project Interpreter.选择添加即可.

  4. P1062 差K素数对

    题目描述 给你两个数 n 和 k ,请求出所有小于等于 n 的相差为 k 的素数对. 输入格式 两个正整数n,k.1<=k<=n<=10000. 输出格式 所有小于等于n的素数对.每 ...

  5. linux版本依赖

    记住, 你的模块代码一定要为每个它要连接的内核版本重新编译 -- 至少, 在缺乏 modversions 时, 这里不涉及因为它们更多的是给内核发布制作者, 而不是开发者. 模块 是紧密结合到一个特殊 ...

  6. CF1063D Candies for Children

    CF1063D Candies for Children 分类讨论题 n<=1e11, 整体上先分n<=2e6与否讨论 len长度,ans贪心的人,p就是len这一段贪心的人 n<= ...

  7. H3C端口状态迁移

  8. FreeSql取多表数据

    该篇内容由个人博客点击跳转同步更新!转载请注明出处! 以文章随笔与分类为例. 表结构 部分字段如下,其他省略,为了展示一对多关联,一个分类下可以有多个文章.一个文章属于一个分类. blog_artic ...

  9. jenkins+Git+Gitlab+Ansible实现持续集成自动化部署静态网站(二)

    引言:首先我们可以实现一键部署网站,但在实际生产环境网站部署完成之后,我们的开发隔三差五要修改下网站的内容,难道都要我们运维手动执行命令吗?没有一种方法使得开发人员修改完代码自己测试,部署上线呢,那这 ...

  10. Java 学习笔记(9)——java常用类

    之前将Java的大部分语法都回顾完了,后面添加一些常见的操作,基础语法就结束了.至于在这里再次提到常用类是由于有一部分体现在使用它的继承类或者接口之类的.这些需要有面向对象编程的基础 Object类 ...