asp.net之大文件断点续传 – 泽优软件博客

web之大文件断点续传

admin — Tue, 10 Dec 2019 08:23:12 +0000

控件包：cab(x86)控件包,cab(x64)控件包,chrome(45-)控件包,firefox控件包,exe安装包,exe安装包(开机启动),集成包(up6+down2),macOS控件包,Linux-x86-deb安装包,Linux-x86-deb集成包(up6+down2),linux-x86-uos安装包,linux-x86-uos集成包(up6+down2),linux-x86-rpm安装包,linux-x86-rpm集成包(up6+down2),linux-arm-deb安装包,linux-arm-deb集成包(up6+down2),linux-arm-uos安装包,linux-arm-uos集成包(up6+down2),linux-arm-rpm安装包,linux-arm-rpm集成包(up6+down2),linux-mips-deb安装包,linux-mips-deb集成包(up6+down2),linux-mips-uos安装包,linux-mips-uos集成包(up6+down2),linux-mips-银河麒麟安装包,linux-mips-银河麒麟集成包(up6+down2)

示例下载：asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程：WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

视频教程：windows控件安装,mac控件安装,linux-deb控件包安装,linux-rpm控件包安装,php7测试,php5测试,vue-cli-测试,asp.net-IIS Express测试,asp.net-IIS测试,asp.net-阿里云(oss)测试,asp.net-华为云(obs)测试,jsp-springboot测试,ActiveX(x86)源码编译,ActiveX(x64)源码编译,Windows(npapi)源码编译,macOS源码编译,Linux(x86_64)源码编译,Linux(arm)源码编译,Linux(mips-uos)源码编译,Linux(mips-kylin-涉密环境)源码编译,sm4加密传输,压缩传输,

ASP.NET教程：asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程：测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程：测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程：mysql,oracle,SQL Server,fastdfs

php教程：测试教程,minio,fastdfs,阿里云对象存储(oss),

二次开发：组件引用,自定义事件,自定义业务字段,自定义文件保存路径,授权码,加密存储,加密传输,使用Minio存储,使用FastDFS存储,使用达梦数据库,数据表字段设计,监控fd_create流程,监控f_create流程,监控f_list.jsp流程

联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

QQ群：374992201	微信：jmzyqwl

产品交流群：

up6全面支持国产化平台，100G大文件，文件夹上传续传，支持windows,macOS,Linux下的所有主流浏览器，支持多种数据库，所有Web服务器，为企业提供数据安全传输，安全存储，分布式存储等核心功能。

注意：部分系统由于使用struts框架可能导致f_post.jsp页面接收和返回信息被拦截，请考虑将f_post.jsp改为struts方式实现。

1.前端引用

1.1将up6目录复制到项目中

1.2在页面中引入JS，并初始化组件

您可以在任何页面引入并使用组件。

2.后端引用

2.1将up6相关类复制到项目中

2.2将api接口复制到项目中

您也可以修改或重新实现这些接口逻辑，以满足您自已的业务需求。

3.配置文件引入

up6的部分功能由配置文件来配置，您需要将配置文件也引入到您的项目中

引入后检查配置文件路径

效果：

参考：

SpringMVC拦截放行参考：https://blog.csdn.net/linmengmeng_1314/article/details/82596081

放行对f_post.jsp的拦截。

.net之大文件断点续传

admin — Tue, 10 Dec 2019 07:20:25 +0000

示例下载：asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程：WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

ASP.NET教程：asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程：测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程：测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程：mysql,oracle,SQL Server,fastdfs

php教程：测试教程,minio,fastdfs,阿里云对象存储(oss),

联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

产品交流群：

视频教程：https://www.bilibili.com/video/BV1Vs4y1b7yh/?vd_source=d1843c7f8c164416779b5188178bad8c

框架：.NET Framework 4.7.2

版本：6.5.41

示例：https://gitee.com/xproer/up6-asp-net/tree/6.5.41/

安装.NET Framework 4.7.2

https://dotnet.microsoft.com/en-us/download/dotnet-framework/net472

百度网盘：https://pan.baidu.com/s/13CGIHrRDSc1pPc-gR8miog?pwd=bnbl

框架选择4.7.2

添加3rd引用

编译项目

NOSQL

NOSQL无需任何配置可直接访问页面进行测试

SQL

使用IIS

大文件上传测试推荐使用IIS以获取更高性能。

使用IIS Express

小文件上传测试可以使用IIS Express

创建数据库

配置数据库连接信息

检查数据库配置

点击“清空数据库”链接，测试数据库配置是否正确

访问页面进行测试

检查数据库数据

检查上传的文件

相关参考：

文件保存位置，

免费下载产品源代码-泽优全平台开源大文件传输解决方案（up6-down2）

源码工程文档：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

免费下载源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器：https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

asp.net之大文件断点续传

admin — Tue, 10 Dec 2019 06:47:25 +0000

示例下载：asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程：WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

ASP.NET教程：asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程：测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程：测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程：mysql,oracle,SQL Server,fastdfs

php教程：测试教程,minio,fastdfs,阿里云对象存储(oss),

联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

产品交流群：

视频教程：https://www.bilibili.com/video/BV1Vs4y1b7yh/?vd_source=d1843c7f8c164416779b5188178bad8c

框架：.NET Framework 4.7.2

版本：6.5.41

示例：https://gitee.com/xproer/up6-asp-net/tree/6.5.41/

安装.NET Framework 4.7.2

https://dotnet.microsoft.com/en-us/download/dotnet-framework/net472

百度网盘：https://pan.baidu.com/s/13CGIHrRDSc1pPc-gR8miog?pwd=bnbl

框架选择4.7.2

添加3rd引用

编译项目

NOSQL

NOSQL无需任何配置可直接访问页面进行测试

SQL

使用IIS

大文件上传测试推荐使用IIS以获取更高性能。

使用IIS Express

小文件上传测试可以使用IIS Express

创建数据库

配置数据库连接信息

检查数据库配置

点击“清空数据库”链接，测试数据库配置是否正确

访问页面进行测试

检查数据库数据

检查上传的文件

相关参考：

文件保存位置，

免费下载产品源代码-泽优全平台开源大文件传输解决方案（up6-down2）

源码工程文档：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

免费下载源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器：https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

前端实现大文件上传分片上传断点续传

admin — Tue, 10 Dec 2019 06:21:12 +0000

示例下载：asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程：WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

ASP.NET教程：asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程：测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程：测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程：mysql,oracle,SQL Server,fastdfs

php教程：测试教程,minio,fastdfs,阿里云对象存储(oss),

联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

产品交流群：

视频教程：https://www.bilibili.com/video/BV1jm4y127Ut/?vd_source=d1843c7f8c164416779b5188178bad8c

环境：vue2-cli

示例：https://gitee.com/xproer/up6-vue-cli

1.下载示例

将up6组件复制到项目中

示例中已经包含此目录

1.引入up6组件

2.配置接口地址

接口地址分别对应：文件初始化，文件数据上传，文件进度，文件上传完毕，文件删除，文件夹初始化，文件夹删除，文件列表

参考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.处理事件

启动测试

启动成功

访问测试页面

效果

数据库

下载产品源代码-泽优全平台开源大文件上传控件（up6）

免费下载源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器：https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

b/s实现大文件上传分片上传断点续传

admin — Tue, 10 Dec 2019 05:40:34 +0000

关键部分

前端用file.slice()分块

前端用FileReader获取每一分块的md5值

后端用MultipartFile接受分块文件

后端用FileOutputStream拼装分块文件

话不多说，直接上代码，我想这是你们最喜欢的

工程截图

<%@ page language=“java” import=“java.util.*” pageEncoding=“UTF-8”%><%

String path = request.getContextPath();

String basePath = request.getScheme()+“://”+request.getServerName()+“:”+request.getServerPort()+path+“/”;

String clientCookie = request.getHeader(“Cookie”);

%>DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html>

<head>

<title>up6.2-MySQL演示页面title>

var cbMgr = new HttpUploaderMgr();

cbMgr.event.md5Complete = function (obj, md5) { /*alert(md5);*/ };

cbMgr.event.fileComplete = function (obj) { /*alert(obj.pathSvr);*/ };

cbMgr.Config[“Cookie”] = ‘JSESSIONID=<%=request.getSession().getId()%>‘;

cbMgr.Config.Fields[“test”] = “test”;

$(function()

{

cbMgr.load_to(“FilePanel”);//加载控件

});

script>

head>

<body>

<p>up6.2多文件上传演示页面p>

body>

html>

文件MD5计算

/**

* 把文件转成md5字符串

* @param file

* @return

public static String fileToMD5(File file) {

if(file == null) {

return null;

}

if(file.exists() == false) {

return null;

}

if(file.isFile() == false) {

return null;

}

FileInputStream fis = null;

try {

//创建一个提供信息摘要算法的对象，初始化为md5算法对象

MessageDigest md = MessageDigest.getInstance(“MD5”);

fis = new FileInputStream(file);

byte[] buff = new byte[1024];

int len = 0;

while(true) {

len = fis.read(buff, 0, buff.length);

if(len == -1){

break;

}

//每次循环读取一定的字节都更新

md.update(buff,0,len);

}

//关闭流

fis.close();

//返回md5字符串

return bytesToHex(md.digest());

} catch (Exception e) {

e.printStackTrace();

}

return null;

}

文件夹文件夹名称生成逻辑

package up6.biz;

import java.io.IOException;

import java.text.SimpleDateFormat;

import java.util.Date;

import java.util.UUID;

import up6.model.FileInf;

public class PathBuilderUuid extends PathBuilder{

/* 生成文件夹存储路径，完全与客户端文件夹结构保持一致

* 格式：

* upload/2016/05/17/uuid/folder_name

* 更新记录：

* 2016-03-01 upload/uid/folders/uuid/folder_name

* 2016-05-17 将格式改为日期格式

public String genFolder(int uid,String nameLoc) throws IOException

{

SimpleDateFormat fmtDD = new SimpleDateFormat(“dd”);

SimpleDateFormat fmtMM = new SimpleDateFormat(“MM”);

SimpleDateFormat fmtYY = new SimpleDateFormat(“yyyy”);

Date date = new Date();

String strDD = fmtDD.format(date);

String strMM = fmtMM.format(date);

String strYY = fmtYY.format(date);

String uuid = UUID.randomUUID().toString();

uuid = uuid.replace(“-“,“”);

String path = this.getRoot() + “/”;

path = path.concat(strYY);

path = path.concat(“/”);

path = path.concat(strMM);

path = path.concat(“/”);

path = path.concat(strDD);

path = path.concat(“/”);

path = path.concat(uuid);

path = path.concat(“/”);

path = path.concat(nameLoc);

return path;

}

/* 保留原始文件名称，不检查文件是否重复

* 格式：

* upload/uid/年/月/日/uuid/file_name

* @see Xproer.PathBuilder#genFile(int, Xproer.xdb_files)

public String genFile(int uid,FileInf f) throws IOException{

String uuid = UUID.randomUUID().toString();

uuid = uuid.replace(“-“, “”);

SimpleDateFormat fmtDD = new SimpleDateFormat(“dd”);

SimpleDateFormat fmtMM = new SimpleDateFormat(“MM”);

SimpleDateFormat fmtYY = new SimpleDateFormat(“yyyy”);

Date date = new Date();

String strDD = fmtDD.format(date);

String strMM = fmtMM.format(date);

String strYY = fmtYY.format(date);

String path = this.getRoot() + “/”;

path = path.concat(strYY);

path = path.concat(“/”);

path = path.concat(strMM);

path = path.concat(“/”);

path = path.concat(strDD);

path = path.concat(“/”);

path = path.concat(uuid);

path = path.concat(“/”);

path = path.concat(f.nameLoc);

return path;

}

文件上传的效果

文件保存位置及逻辑

在up6中有两种保存模式，一种是md5一种是uuid。

md5由PathBuilderMd5生成存储路径。md5主要提供给文件使用，可在服务器端保存唯一的文件，有效避免重复文件。

uuid由PathBuilderUuid生成存储路径。uuid主要提供给文件夹使用，可以与本地文件夹结构完全保持一致。使用uuid模式上传文件夹时秒传功能会失效。

文件默认保存位置在项目路径下：

demo会自动生成upload文件夹

规则：upload/年/月/日/md5

代码截图：

文件逻辑：

生成文件服务器存储路径

文件夹逻辑：

生成文件夹存储路径

生成子文件路径

生成子目录路径

详细信息可以参考这篇文章：http://blog.ncmem.com/wordpress/2019/11/20/net%e4%b8%8a%e4%bc%a0%e5%a4%a7%e6%96%87%e4%bb%b6%e7%9a%84%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88/

web实现大文件上传分片上传断点续传

admin — Tue, 10 Dec 2019 03:36:39 +0000

相关资料：解决方案，白皮书，产品介绍，产品比较，开发文档，成功案例，产品源代码，授权码工具，个人版价格，企业版价格，政企版价格，年费版价格，OEM版价格，源码版价格，基础组件，示例下载，控件升级，在线演示，在线文档，并发能力，上传速度，下载速度，Windows控件安装，macOS控件安装，deb控件安装，rpm控件安装，安装引导，控件部署，控件升级，IE9加载控件，IE8加载控件，
示例下载：asp.net-vs2013，asp.net-vs2010，jsp-eclipse，jsp-springboot，jsp-myeclipse，php，vue-cil，WinForm(C#)，C++(WTL)，
视频教程：php7测试，php5测试，vue-cli-测试，asp.net-IIS Express测试，asp.net-IIS测试，asp.net-阿里云(oss)测试，asp.net-华为云(obs)测试，jsp-springboot测试，sm4加密传输，压缩传输，Discuz集成，
源码编译：ActiveX(x86)，ActiveX(x64)，Windows(npapi)，NativeMessage，macOS，Linux(海光，兆芯)，arm(鲲鹏，飞腾)，龙芯mips，龙芯LoongArch，
ASP.NET教程：asp.net，IIS Express，IIS，IIS-Https，Oracle，minio，fastdfs，阿里云对象存储(oss)，华为云对象存储(obs)，
jsp-eclipse教程：测试教程，oracle，mysql，SQL Server，minio，fastdfs，阿里云对象存储(oss)，华为云对象存储(obs)，
jsp-springboot教程：测试教程，minio，fastdfs，阿里云对象存储(oss)，华为云对象存储(obs)，
jsp-myeclipse教程：mysql，oracle，SQL Server，fastdfs，
php教程：测试教程，minio，fastdfs，阿里云对象存储(oss)，
教程：WinForm(C#)测试，WTL(C++)测试，在vue.js中使用，在vue-cli中使用，eclipse导入up6，组件引用，自定义事件，自定义业务字段，自定义文件保存路径，授权码，加密存储，加密传输，使用Minio存储，使用FastDFS存储，使用达梦数据库，数据表字段设计，监控fd_create流程，监控f_create流程，监控f_list.jsp流程，
相关问题：WebSocket连接失败，md5计算完毕后卡住，域名未授权，网站安全系统拦截，
联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

视频教程：https://www.bilibili.com/video/BV1uj411V75m/?vd_source=d1843c7f8c164416779b5188178bad8c

导入项目：
导入到Eclipse：http://www.ncmem.com/doc/view.aspx?id=9da9c7c2b91b40b7b09768eeb282e647
导入到IDEA：http://www.ncmem.com/doc/view.aspx?id=9fee385dfc0742448b56679420f22162
springboot统一配置：http://www.ncmem.com/doc/view.aspx?id=7768eec9284b48e3abe08f032f554ea2

环境：Windows + Tomcat8.0+

版本：6.5.41

示例：https://gitee.com/xproer/up6-jsp-eclipse/tree/6.5.41/

NOSQL

NOSQL示例不需要任何配置，可以直接访问测试

创建数据表

选择对应的数据表脚本，这里以SQL为例

修改数据库连接信息

访问页面进行测试

文件存储路径

up6/upload/年/月/日/guid/filename

数据库记录

相关参考：

文件保存位置

免费下载产品源代码-泽优全平台开源大文件传输解决方案（up6-down2）

源码工程文档：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

免费下载源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器：https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

由原厂产品开发团队提供7*24小时1对1专业技术支持服务

js实现大文件上传分片上传断点续传

admin — Tue, 10 Dec 2019 02:19:18 +0000

标杆案例：中国港湾，中国中车，中国石油，中国石化，长江电力，中信证券，上海通用，一汽大众，沈阳自动化研究所，

解决方案：党政，央企，国防军工，房地产，档案管理，教育，医疗，工程管理，企业文件传输解决方案，

示例下载：asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程：WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

ASP.NET教程：asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程：测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程：测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程：mysql,oracle,SQL Server,fastdfs

php教程：测试教程,minio,fastdfs,阿里云对象存储(oss),

联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

产品交流群：

视频教程：https://www.bilibili.com/video/BV1jm4y127Ut/?vd_source=d1843c7f8c164416779b5188178bad8c

1.下载示例

https://gitee.com/xproer/up6-vue-cli

将up6组件复制到项目中

示例中已经包含此目录

1.引入up6组件

2.配置接口地址

接口地址分别对应：文件初始化，文件数据上传，文件进度，文件上传完毕，文件删除，文件夹初始化，文件夹删除，文件列表

参考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.处理事件

启动测试

启动成功

效果

数据库

大文件上传控件（up6）

个人版：http://www.ncmem.com/webapp/up6/purchase.aspx

源码工程文档：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

免费下载源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器：https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

php实现大文件上传分片上传断点续传

admin — Tue, 10 Dec 2019 01:27:46 +0000

示例下载：asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程：WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

ASP.NET教程：asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程：测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程：测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程：mysql,oracle,SQL Server,fastdfs

php教程：测试教程,minio,fastdfs,阿里云对象存储(oss),

联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

QQ群：374992201	微信：jmzyqwl

1.前端引入

将up6静态资源复制到项目中

在页面中引入组件文件并初始化组件

您可以在任何页面引入组件并进行使用，将上传组件作为通用基础组件来使用。

2.后端引入

引入后端逻辑实现模块

引入接口模块

您可以修改这些接口实现逻辑，以满足实际的业务需求。

3.引入配置文件

确保配置文件加载路径正确

效果：

多标签

单面板

jsp实现大文件上传分片上传断点续传

admin — Mon, 09 Dec 2019 09:24:48 +0000

标杆案例：中国港湾，中国中车，中国石油，中国石化，长江电力，中信证券，上海通用，一汽大众，沈阳自动化研究所，

解决方案：党政，央企，国防军工，房地产，档案管理，教育，医疗，工程管理，企业文件传输解决方案，

示例下载：asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程：WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

ASP.NET教程：asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程：测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程：测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程：mysql,oracle,SQL Server,fastdfs

php教程：测试教程,minio,fastdfs,阿里云对象存储(oss),

联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

产品交流群：

视频教程：https://www.ixigua.com/7227314770696012322

下载示例：
版本：6.5.41

https://gitee.com/xproer/up6-jsp-eclipse/

工程

NOSQL

NOSQL示例不需要任何配置，可以直接访问测试

创建数据表

选择对应的数据表脚本，这里以SQL为例

修改数据库连接信息

访问页面进行测试

文件存储路径

up6/upload/年/月/日/guid/filename

相关参考：

文件保存位置

免费下载报价单和产品源代码

大文件上传控件（up6）

个人版：http://www.ncmem.com/webapp/up6/purchase.aspx

免费下载源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器：https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

大文件上传下载控件（up6-down2）

源码工程文档：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

免费下载源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器：https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

asp.net实现大文件上传分片上传断点续传

admin — Mon, 09 Dec 2019 08:01:35 +0000

示例下载：asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程：WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

ASP.NET教程：asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程：测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程：测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程：mysql,oracle,SQL Server,fastdfs

php教程：测试教程,minio,fastdfs,阿里云对象存储(oss),

联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

产品交流群：

视频教程：https://www.bilibili.com/video/BV1Vs4y1b7yh/?vd_source=d1843c7f8c164416779b5188178bad8c

框架：.NET Framework 4.7.2

版本：6.5.41

示例：https://gitee.com/xproer/up6-asp-net/tree/6.5.41/

安装.NET Framework 4.7.2

https://dotnet.microsoft.com/en-us/download/dotnet-framework/net472

百度网盘：https://pan.baidu.com/s/13CGIHrRDSc1pPc-gR8miog?pwd=bnbl

框架选择4.7.2

添加3rd引用

编译项目

NOSQL

NOSQL无需任何配置可直接访问页面进行测试

SQL

使用IIS

大文件上传测试推荐使用IIS以获取更高性能。

使用IIS Express

小文件上传测试可以使用IIS Express

创建数据库

配置数据库连接信息

检查数据库配置

点击“清空数据库”链接，测试数据库配置是否正确

访问页面进行测试

检查数据库数据

检查上传的文件

相关参考：

文件保存位置，

免费下载产品源代码-泽优全平台开源大文件传输解决方案（up6-down2）

源码工程文档：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

免费下载源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器：https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

java实现大文件上传分片上传断点续传

admin — Mon, 09 Dec 2019 07:14:25 +0000

标杆案例：中国港湾，中国中车，中国石油，中国石化，长江电力，中信证券，上海通用，一汽大众，沈阳自动化研究所，

报价单：个人版报价单,政企版(上传),政企版(上传下载),年费版(上传),年费版(上传下载),OEM版(上传),OEM版(上传下载),控件源码文档,源码版（上传下载）,

解决方案：党政，央企，国防军工，房地产，档案管理，教育，医疗，工程管理，企业文件传输解决方案，

控件包：cab(x86)控件包,cab(x64)控件包,chrome(45-)控件包,firefox控件包,exe安装包,exe安装包(开机启动),集成包(up6+down2),macOS控件包,Linux-x86-deb安装包,Linux-x86-deb集成包(up6+down2),linux-x86-uos安装包,linux-x86-uos集成包(up6+down2),linux-x86-rpm安装包,linux-x86-rpm集成包(up6+down2),linux-arm-deb安装包,linux-arm-deb集成包(up6+down2),linux-arm-uos安装包,linux-arm-uos集成包(up6+down2),linux-arm-rpm安装包,linux-arm-rpm集成包(up6+down2),linux-mips-deb安装包,linux-mips-deb集成包(up6+down2),linux-mips-uos安装包,linux-mips-uos集成包(up6+down2),linux-loongarch-deb安装包,linux-loongarch-deb集成包(up6+down2),linux-loongarch-uos安装包,linux-loongarch-uos集成包(up6+down2),linux-loongarch-rpm安装包

示例下载：asp.net-vs2013,asp.net-vs2010,jsp-eclipse,jsp-springboot,jsp-myeclipse,php,vue-cil,WinForm(C#),C++(WTL)

教程：WinForm(C#)测试,WTL(C++)测试,在vue.js中使用,在vue-cli中使用,eclipse导入up6

ASP.NET教程：asp.net,IIS Express,IIS,IIS-Https,Oracle,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-eclipse教程：测试教程,oracle,mysql,SQL Server,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs),

jsp-springboot教程：测试教程,minio,fastdfs,阿里云对象存储(oss),华为云对象存储(obs)

jsp-myeclipse教程：mysql,oracle,SQL Server,fastdfs

php教程：测试教程,minio,fastdfs,阿里云对象存储(oss),

联系我们：QQ：1269085759(技术)，QQ：3040217208(售后)，QQ：1085617561(商务)，微信：13235643658，邮箱：1269085759@qq.com，1085617561@qq.com，qwl@ncmem.com，

产品交流群：

视频教程：https://www.ixigua.com/7227314770696012322

下载示例：

https://gitee.com/xproer/up6-jsp-eclipse/tree/6.5.40/

工程

NOSQL

NOSQL示例不需要任何配置，可以直接访问测试

创建数据表

选择对应的数据表脚本，这里以SQL为例

修改数据库连接信息

访问页面进行测试

文件存储路径

up6/upload/年/月/日/guid/filename

相关参考：

文件保存位置

源码工程文档：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

源码报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwoiul8gl

OEM版报价单：https://drive.weixin.qq.com/s?k=ACoAYgezAAwuzp4W0a

产品源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc
授权生成器：https://drive.weixin.qq.com/s?k=ACoAYgezAAwTIcFph1

webuploader如何实现分片+断点续传

admin — Mon, 09 Dec 2019 05:31:38 +0000

视频教程：https://www.bilibili.com/video/BV1jm4y127Ut/?vd_source=d1843c7f8c164416779b5188178bad8c

环境：vue2-cli

示例：https://gitee.com/xproer/up6-vue-cli

1.下载示例

将up6组件复制到项目中

示例中已经包含此目录

1.引入up6组件

2.配置接口地址

接口地址分别对应：文件初始化，文件数据上传，文件进度，文件上传完毕，文件删除，文件夹初始化，文件夹删除，文件列表

参考：http://www.ncmem.com/doc/view.aspx?id=e1f49f3e1d4742e19135e00bd41fa3de

3.处理事件

启动测试

启动成功

访问测试页面

效果

数据库

下载产品源代码-泽优全平台开源大文件上传控件（up6）

免费下载源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器：https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

由原厂产品开发团队提供7*24小时1对1专业技术支持服务

webuploader+web如何实现分片+断点续传

admin — Mon, 09 Dec 2019 03:51:14 +0000

众所皆知，web上传大文件，一直是一个痛。上传文件大小限制，页面响应时间超时.这些都是web开发所必须直面的。

本文给出的解决方案是：前端实现数据流分片长传，后面接收完毕后合并文件的思路。

实现文件夹上传，要求：服务端保留层级结构，支持10w级别的文件夹上传。

大文件上传及断点续传，要求：支持50G级的单个文件上传和续传。续传要求：在刷新浏览器后能够续传上传，在重启浏览器后能够继续上传上（关闭浏览器后重新打开），在重启电脑后能够继续上传。

支持PC端全平台，Windows,Mac,Linux

浏览器要求支持全部浏览器，包括ie6,ie7,ie8,ie9,Chrome,Firefox

下面贴出简易DEMO源码分享：

前端页面：

后端代码，此Demo是基于MVC架构的：

后端代码我进行了模块划化，而不是网上的将所有的模块放在一个类中，这样对于以后的维护和升级来说都是一个灾难。

文件块处理逻辑

文件块保存逻辑如下

web.xml配置如下

整个项目的截图

依赖的JAR包如下

运行效果如下：

在此分享！希望多多指正~

后端代码逻辑大部分是相同的，目前能够支持MySQL,Oracle,SQL。在使用前需要配置一下数据库，可以参考我写的这篇文章：http://blog.ncmem.com/wordpress/2019/08/07/java超大文件上传与下载/

webuploader+php如何实现分片+断点续传

admin — Mon, 09 Dec 2019 03:14:45 +0000

视频教程：https://www.bilibili.com/video/BV1im4y117ht/?vd_source=d1843c7f8c164416779b5188178bad8c

版本：6.5.41

代码：https://gitee.com/xproer/up6-php/tree/6.5.41/

安装环境

PHP:7.2.14

调整块大小

NOSQL

NOSQL不需要任何配置，可以直接访问测试

SQL

创建数据库

您可以直接复制脚本进行创建

创建表

配置数据库连接

6.安装依赖

访问页面进行测试

数据表中的数据

相关参考：

文件保存位置

php5教程

免费下载产品源代码-泽优开源全平台大文件传输解决方案（up6-down2）

源码工程文档：https://drive.weixin.qq.com/s?k=ACoAYgezAAw1dWofra

免费下载源代码：https://drive.weixin.qq.com/s?k=ACoAYgezAAwbdKCskc

免费下载授权器：https://drive.weixin.qq.com/s?k=ACoAYgezAAw0P06owX

由原厂产品开发团队提供7*24小时1对1专业技术支持服务

webuploader+asp.net如何实现分片+断点续传

admin — Mon, 09 Dec 2019 02:35:12 +0000

文件夹数据库处理逻辑

public class DbFolder

{

JSONObject root;

public DbFolder()

{

this.root = new JSONObject();

this.root.put(“f_id”, “”);

this.root.put(“f_nameLoc”, “根目录”);

this.root.put(“f_pid”, “”);

this.root.put(“f_pidRoot”, “”);

}

/**

* 将JSONArray转换成map

* @param folders

* @return

public Map toDic(JSONArray folders)

{

Map dt = new HashMap();

for(int i = 0 , l = folders.size();i

{

JSONObject o = folders.getJSONObject(i);

String id = o.getString(“f_id”);

dt.put(id, o);

}

return dt;

}

public Map foldersToDic(String pidRoot)

{

//默认加载根目录

String sql = String.format(“select f_id,f_nameLoc,f_pid,f_pidRoot from up6_folders where f_pidRoot=’%s'”, pidRoot);

SqlExec se = new SqlExec();

JSONArray folders = se.exec(“up6_folders”, sql, “f_id,f_nameLoc,f_pid,f_pidRoot”,””);

return this.toDic(folders);

}

public ArrayList sortByPid( Map dt, String idCur, ArrayList psort) {

String cur = idCur;

while (true)

{

//key不存在

if (!dt.containsKey(cur)) break;

JSONObject d = dt.get(cur);//查父ID

psort.add(0, d);//将父节点排在前面

cur = d.getString(“f_pid”).trim();//取父级ID

if (cur.trim() == “0”) break;

if ( StringUtils.isBlank(cur) ) break;

}

return psort;

}

public JSONArray build_path_by_id(JSONObject fdCur) {

String id = fdCur.getString(“f_id”).trim();//

String pidRoot = fdCur.getString(“f_pidRoot”).trim();//

//根目录

ArrayList psort = new ArrayList();

if (StringUtils.isBlank(id))

{

psort.add(0, this.root);

return JSONArray.fromObject(psort);

}

//构建目录映射表(id,folder)

Map dt = this.foldersToDic(pidRoot);

//按层级顺序排列目录

psort = this.sortByPid(dt, id, psort);

SqlExec se = new SqlExec();

if (!StringUtils.isBlank(pidRoot))

{

JSONObject root = se.read(“up6_files”

, “f_id,f_nameLoc,f_pid,f_pidRoot”

, new SqlParam[] { new SqlParam(“f_id”, pidRoot) });

psort.add(0, root);

else if (!StringUtils.isBlank(id) && StringUtils.isBlank(pidRoot))

{

JSONObject root = se.read(“up6_files”

, “f_id,f_nameLoc,f_pid,f_pidRoot”

, new SqlParam[] { new SqlParam(“f_id”, id) });

psort.add(0, root);

}

psort.add(0, this.root);

return JSONArray.fromObject(psort);

}

public FileInf read(String id) {

SqlExec se = new SqlExec();

String sql = String.format(“select f_pid,f_pidRoot,f_pathSvr from up6_files where f_id=’%s’ union select f_pid,f_pidRoot,f_pathSvr from up6_folders where f_id=’%s'”, id,id);

JSONArray data = se.exec(“up6_files”, sql, “f_pid,f_pidRoot,f_pathSvr”,””);

JSONObject o = (JSONObject)data.get(0);

FileInf file = new FileInf();

file.id = id;

file.pid = o.getString(“f_pid”).trim();

file.pidRoot = o.getString(“f_pidRoot”).trim();

file.pathSvr = o.getString(“f_pathSvr”).trim();

return file;

}

public Boolean exist_same_file(String name,String pid)

{

SqlWhereMerge swm = new SqlWhereMerge();

swm.equal(“f_nameLoc”, name.trim());

swm.equal(“f_pid”, pid.trim());

swm.equal(“f_deleted”, 0);

String sql = String.format(“select f_id from up6_files where %s “, swm.to_sql());

SqlExec se = new SqlExec();

JSONArray arr = se.exec(“up6_files”, sql, “f_id”, “”);

return arr.size() > 0;

}

/**

* 检查是否存在同名目录

* @param name

* @param pid

* @return

public Boolean exist_same_folder(String name,String pid)

{

SqlWhereMerge swm = new SqlWhereMerge();

swm.equal(“f_nameLoc”, name.trim());

swm.equal(“f_deleted”, 0);

swm.equal(“LTRIM (f_pid)”, pid.trim());

String where = swm.to_sql();

String sql = String.format(“(select f_id from up6_files where %s ) union (select f_id from up6_folders where %s)”, where,where);

SqlExec se = new SqlExec();

JSONArray fid = se.exec(“up6_files”, sql, “f_id”, “”);

return fid.size() > 0;

}

public Boolean rename_file_check(String newName,String pid)

{

SqlExec se = new SqlExec();

JSONArray res = se.select(“up6_files”

, “f_id”

,new SqlParam[] {

new SqlParam(“f_nameLoc”,newName)

,new SqlParam(“f_pid”,pid)

},””);

return res.size() > 0;

}

public Boolean rename_folder_check(String newName, String pid)

{

SqlExec se = new SqlExec();

JSONArray res = se.select(“up6_folders”

, “f_id”

, new SqlParam[] {

new SqlParam(“f_nameLoc”,newName)

,new SqlParam(“f_pid”,pid)

},””);

return res.size() > 0;

}

public void rename_file(String name,String id) {

SqlExec se = new SqlExec();

se.update(“up6_files”

, new SqlParam[] { new SqlParam(“f_nameLoc”, name) }

, new SqlParam[] { new SqlParam(“f_id”, id) });

}

public void rename_folder(String name, String id, String pid) {

SqlExec se = new SqlExec();

se.update(“up6_folders”

, new SqlParam[] { new SqlParam(“f_nameLoc”, name) }

, new SqlParam[] { new SqlParam(“f_id”, id) });

}

1.在webuploader.js大概4880行代码左右，在动态生成的input组件的下面（也可以直接搜索input），增加webkitdirectory属性。

function FileUploader(fileLoc, mgr)

{

var _this = this;

this.id = fileLoc.id;

this.ui = { msg: null, process: null, percent: null, btn: { del: null, cancel: null,post:null,stop:null }, div: null};

this.isFolder = false; //不是文件夹

this.app = mgr.app;

this.Manager = mgr; //上传管理器指针

this.event = mgr.event;

this.Config = mgr.Config;

this.fields = jQuery.extend({}, mgr.Config.Fields, fileLoc.fields);//每一个对象自带一个fields幅本

this.State = this.Config.state.None;

this.uid = this.fields.uid;

this.fileSvr = {

pid: “”

, id: “”

, pidRoot: “”

, f_fdTask: false

, f_fdChild: false

, uid: 0

, nameLoc: “”

, nameSvr: “”

, pathLoc: “”

, pathSvr: “”

, pathRel: “”

, md5: “”

, lenLoc: “0”

, sizeLoc: “”

, FilePos: “0”

, lenSvr: “0”

, perSvr: “0%”

, complete: false

, deleted: false

};//json obj，服务器文件信息

this.fileSvr = jQuery.extend(this.fileSvr, fileLoc);

2.可以获取路径

this.open_files = function (json)

{

for (var i = 0, l = json.files.length; i < l; ++i)

{

this.addFileLoc(json.files[i]);

}

setTimeout(function () { _this.PostFirst(); },500);

};

this.open_folders = function (json)

{

for (var i = 0, l = json.folders.length; i < l; ++i) {

this.addFolderLoc(json.folders[i]);

}

setTimeout(function () { _this.PostFirst(); }, 500);

};

this.paste_files = function (json)

{

for (var i = 0, l = json.files.length; i < l; ++i)

{

this.addFileLoc(json.files[i]);

}

};