php实现浏览器大文件分片上传 &#8211; 泽优软件博客

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

二次开发：组件引用,自定义事件,自定义业务字段,自定义文件保存路径,授权码,加密存储,加密传输,使用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，

产品交流群：

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

安装.NET Framework 4.7.2

框架选择4.7.2

添加3rd引用

编译项目

NOSQL

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

SQL

使用IIS

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

使用IIS Express

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

创建数据库

配置数据库连接信息

检查数据库配置

访问页面进行测试

相关参考：

文件保存位置，

大文件上传控件（up6）

控件包：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)

政企版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=ent

年费版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=year

OEM版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=oem

源码版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=code

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

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

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

政企版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=ent

年费版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=year

OEM版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=oem

源码版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=code

源码工程文档：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 — Mon, 18 Nov 2019 07:16:59 +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

联系我们：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, 18 Nov 2019 05:55: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

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

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

产品交流群：

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

导入项目：
导入到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

下载示例：
版本：6.5.41

工程

NOSQL

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

创建数据表

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

修改数据库连接信息

访问页面进行测试

文件存储路径

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

相关参考：

文件保存位置

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

大文件上传控件（up6）

政企版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=ent

年费版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=year

OEM版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=oem

源码版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=code

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

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

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

政企版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=ent

年费版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=year

OEM版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=oem

源码版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=code

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

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

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

jsp实现浏览器大文件分片上传

admin — Mon, 18 Nov 2019 03:32: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

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

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

产品交流群：

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

下载示例：
版本：6.5.41

工程

NOSQL

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

创建数据表

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

修改数据库连接信息

访问页面进行测试

文件存储路径

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

相关参考：

文件保存位置

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

大文件上传控件（up6）

政企版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=ent

年费版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=year

OEM版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=oem

源码版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=code

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

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

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

政企版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=ent

年费版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=year

OEM版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=oem

源码版：http://www.ncmem.com/webapp/up6/purchase.aspx?type=code

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

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

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

.net实现浏览器大文件分片上传

admin — Mon, 18 Nov 2019 02:57:54 +0000

以ASP.NET Core WebAPI 作后端 API ，用 Vue 构建前端页面，用 Axios 从前端访问后端 API ,包括文件的上传和下载。

准备文件上传的API

#region 文件上传可以带参数

[HttpPost(“upload”)]

public JsonResult uploadProject(IFormFile file, string userId)

{

if (file != null)

{

var fileDir = “D:\\aaa”;

if (!Directory.Exists(fileDir))

{

Directory.CreateDirectory(fileDir);

}

//文件名称

string projectFileName = file.FileName;

//上传的文件的路径

string filePath = fileDir + $@”\{projectFileName}”;

using (FileStream fs = System.IO.File.Create(filePath))

{

file.CopyTo(fs);

fs.Flush();

}

return Json(“ok”);

}else{

return Json(“no”);

}

#endregion

前端vue上传组件 ( 利用Form表单上传 )

用 element-ui 的 Upload组件上传文件

http://element-cn.eleme.io/#/zh-CN/component/upload

文件下载

普通的文件下载方式是访问一个后台文件流地址，直接生成对应的文件，下载即可，地址栏中也可携带一些控制参数，但是无法通过header传递参数。

两种文件下载方式，一种是，直接返回file文件，利用浏览器的下载功能。但是这种没有发现可以在发送请求的时候携带token；另一种是利用 Axios 发送下载文件的请求，可以设置header头，可以携带token ，但是response-type是blob类型的。

第一种：

后端API:

public FileResult downloadRequest()

{

//var addrUrl = webRootPath + “/upload/thumb.jpg”;

var addrUrl = “D:/aaa/thumb.jpg”;

var stream = System.IO.File.OpenRead(addrUrl);

string fileExt = Path.GetExtension(“thumb.jpg”);

//获取文件的ContentType

var provider = new FileExtensionContentTypeProvider();

var memi = provider.Mappings[fileExt];

return File(stream, memi, Path.GetFileName(addrUrl));

}

前端利用浏览器的功能url直接返回文件

下载文件…

…

downloadRequest() {

let url = “Home/downloadRequest”; //可以在路径中传递参数

window.location.href = url;

第二种

后端api ,两个api的返回类型不同，asp.net core 文件下载常用的有FileResult 、FileContentResult 、 FileStreamResult。

public FileContentResult downloadRequest1()

{

//string webRootPath = _hostingEnvironment.WebRootPath;

//var addrUrl = webRootPath + “/upload/thumb.jpg”;

var addrUrl = “D:/aaa/wyy.exe”;

/*var stream = System.IO.File.OpenRead(addrUrl);

string fileExt = Path.GetExtension(“thumb.jpg”);

//获取文件的ContentType

var provider = new FileExtensionContentTypeProvider();

var memi = provider.Mappings[fileExt];

return File(stream, memi, Path.GetFileName(addrUrl));*/

//return stream;

byte[] fileBytes = System.IO.File.ReadAllBytes(addrUrl);

string fileName = “wyy.exe”;

return File(fileBytes, System.Net.Mime.MediaTypeNames.Application.Octet, fileName); //关键语句

}

前端页面

blob(用来存储二进制大文件)

下载文件11

…

downloadRequest1() {

axios({

// 用axios发送post请求

method: “post”,

url: “Home/downloadRequest1”, // 请求地址，也可以传递参数

headers: {

//可以自定义header

gggg: “gggggggggggggggggggggggggggggggggggggggggggggggggggg” //可以携带token

responseType: “blob” // 表明返回服务器返回的数据类型

}).then(res => {

// 处理返回的文件流

//主要是将返回的data数据通过blob保存成文件

var content = res.data;

var blob = new Blob([content]);

var fileName = “wyy.exe”; //要保存的文件名称

if (“download” in document.createElement(“a”)) {

// 非IE下载

var elink = document.createElement(“a”);

elink.download = fileName;

elink.style.display = “none”;

elink.href = URL.createObjectURL(blob);

document.body.appendChild(elink);

elink.click();

URL.revokeObjectURL(elink.href); // 释放URL 对象

document.body.removeChild(elink);

} else {

// IE10+下载

navigator.msSaveBlob(blob, fileName);

}

console.log(res);

});

}

第三种

就是用用up6控件，此控件支持mac、windos、Linux，因为太长就不发了，详细可以参考这篇文章：http://blog.ncmem.com/wordpress/2019/08/09/asp-net%e6%96%87%e4%bb%b6%e4%b8%8a%e4%bc%a0%e4%b8%8b%e8%bd%bd/

asp.net实现浏览器大文件分片上传

admin — Mon, 18 Nov 2019 02:22: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

联系我们：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

php实现浏览器大文件分片上传

admin — Mon, 18 Nov 2019 01:53:20 +0000

PHP用超级全局变量数组$_FILES来记录文件上传相关信息的。

1.file_uploads=on/off

是否允许通过http方式上传文件

2.max_execution_time=30

允许脚本最大执行时间，超过这个时间就会报错

3.memory_limit=50M

设置脚本可以分配的最大内存量，防止失控脚本占用过多内存，此指令只有在编译时设置了
–enable-memory-limit标志的情况下才生效

4.upload_max_filesize=20M

允许上传文件的最大大小，此指令必须小于post_max_size

5.upload_tmp_dir

上传文件临时存放目录

6.post_max_size=30M

允许post方式可以接受最大大小

$_FILES[‘myFile’][‘name’] 客户端上次文件的原始名称。

$_FILES[‘myFile’][‘type’] 文件的 MIME 类型，需要浏览器提供该信息的支持，例如”image/gif”。

$_FILES[‘myFile’][‘size’] 已上传文件的大小，单位为字节。

$_FILES[‘myFile’][‘tmp_name’] 文件被上传后在服务端储存的临时文件名，一般是系统默认。可以在php.ini的upload_tmp_dir 指定，但用 putenv() 函数设置是不起作用的。

$_FILES[‘myFile’][‘error’] 和该文件上传相关的状态码。[‘error’] 是在 PHP 4.2.0 版本中增加的。下面是它的说明：(它们在PHP3.0以后成了常量)

UPLOAD_ERR_OK

值：0; 没有错误发生，文件上传成功。

UPLOAD_ERR_INI_SIZE

值：1; 上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值。

UPLOAD_ERR_FORM_SIZE

值：2; 上传文件的大小超过了 HTML 表单中 MAX_FILE_SIZE 选项指定的值。

UPLOAD_ERR_PARTIAL

值：3; 文件只有部分被上传。

UPLOAD_ERR_NO_FILE

值：4; 没有文件被上传。

值：5; 上传文件大小为0.
文件被上传结束后，默认地被存储在了临时目录中，这时您必须将它从临时目录中删除或移动到其它地方，如果没有，则会被删除。

也就是不管是否上传成功，脚本执行完后临时目录里的文件肯定会被删除。

附：修改PHP上传文件大小限制的方法

1. 一般的文件上传,除非文件很小.就像一个5M的文件,很可能要超过一分钟才能上传完.

但在php中,默认的该页最久执行时间为 30 秒.就是说超过30秒,该脚本就停止执行.

这就导致出现无法打开网页的情况.这时我们可以修改 max_execution_time

在php.ini里查找

max_execution_time

默认是30秒.改为

max_execution_time = 0

0表示没有限制

2. 修改 post_max_size 设定 POST 数据所允许的最大大小。此设定也影响到文件上传。

php默认的post_max_size 为2M.如果 POST 数据尺寸大于 post_max_size $_POST 和 $_FILES superglobals 便会为空.
查找 post_max_size .改为

post_max_size = 150M

3. 很多人都会改了第二步.但上传文件时最大仍然为 8M.

为什么呢.我们还要改一个参数upload_max_filesize 表示所上传的文件的最大大小。

查找upload_max_filesize,默认为8M改为

upload_max_filesize = 100M

另外要说明的是,post_max_size 大于 upload_max_filesize 为佳.

上传效果展示：

其他详细配置问题可以参考我写的这篇文章：http://blog.ncmem.com/wordpress/2019/08/09/php%E4%B8%8A%E4%BC%A0%E5%A4%A7%E6%96%87%E4%BB%B6%E9%85%8D%E7%BD%AE/

Java实现浏览器大文件分片上传

admin — Mon, 18 Nov 2019 01:13:43 +0000

 上周遇到这样一个问题，客户上传高清视频（1G以上）的时候上传失败。
一开始以为是session过期或者文件大小受系统限制，导致的错误。
查看了系统的配置文件没有看到文件大小限制，
web.xml中seesiontimeout是30，我把它改成了120。
但还是不行，有时候10分钟就崩了。
同事说，可能是客户这里服务器网络波动导致网络连接断开，我觉得有点道理。
但是我在本地测试的时候发觉上传也失败，网络原因排除。
看了日志，错误为：
java.lang.OutOfMemoryError Java heap space
上传文件代码如下：
    public static String uploadSingleFile(String path,MultipartFile file) {
        
        if (!file.isEmpty()) {
            
                byte[] bytes;
                try {
                    bytes = file.getBytes();
                    
                    // Create the file on server
                    File serverFile = createServerFile(path,file.getOriginalFilename());
                    BufferedOutputStream stream = new BufferedOutputStream(
                            new FileOutputStream(serverFile));
                    stream.write(bytes);
                    stream.flush();
                    stream.close();
    
                    logger.info("Server File Location="
                            + serverFile.getAbsolutePath());
 
                    return getRelativePathFromUploadDir(serverFile).replaceAll("\\\\", "/");
                } catch (IOException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                    System.out.println(e.getMessage());
                }
            
        }else{
            System.out.println("文件内容为空");
        }
        return null;    
    }
乍一看没什么大问题，我在 stream.write(bytes); 这句加了断点，发觉根本就没走到。
而是在 bytes = file.getBytes(); 就报错了。
原因应该是文件太大的话，字节数超过Integer（Bytes[]数组）的最大值，导致的问题。
既然这样，把文件一点点的读进来即可。
修改上传代码如下：
 
   public static String uploadSingleFile(String path,MultipartFile file) {
        
        if (!file.isEmpty()) {
            
                //byte[] bytes;
                try {
                    //bytes = file.getBytes();
                    
                    // Create the file on server
                    File serverFile = createServerFile(path,file.getOriginalFilename());
                    BufferedOutputStream stream = new BufferedOutputStream(
                            new FileOutputStream(serverFile));
                    int length=0;
                    byte[] buffer = new byte[1024];
                    InputStream inputStream = file.getInputStream();
                    while ((length = inputStream.read(buffer)) != -1) {
                        stream.write(buffer, 0, length);
                    }
                    //stream.write(bytes);
                    stream.flush();
                    stream.close();
    
                    logger.info("Server File Location="
                            + serverFile.getAbsolutePath());
 
                    return getRelativePathFromUploadDir(serverFile).replaceAll("\\\\", "/");
                } catch (IOException e) {
                    // TODO Auto-generated catch block
                    e.printStackTrace();
                    System.out.println(e.getMessage());
                }
            
        }else{
            System.out.println("文件内容为空");
        }
        return null;    
    }
    
效果展示：

详细代码可以参考一下这篇文章：http://blog.ncmem.com/wordpress/2019/08/09/java%e5%a4%a7%e6%96%87%e4%bb%b6%e4%b8%8a%e4%bc%a0/

文件分片上传

admin — Fri, 15 Nov 2019 10:08:45 +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

联系我们：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的拦截。

大文件分片上传

admin — Fri, 15 Nov 2019 09:05:07 +0000

这里只写后端的代码，基本的思想就是，前端将文件分片，然后每次访问上传接口的时候，向后端传入参数：当前为第几块文件，和分片总数

下面直接贴代码吧，一些难懂的我大部分都加上注释了：

上传文件实体类：

看得出来，实体类中已经有很多我们需要的功能了，还有实用的属性。如MD5秒传的信息。

public class FileInf {

public FileInf(){}

public String id=””;

public String pid=””;

public String pidRoot=””;

/** * 表示当前项是否是一个文件夹项。 */

public boolean fdTask=false;

// /// 是否是文件夹中的子文件 ///

public boolean fdChild=false;

/** * 用户ID。与第三方系统整合使用。 */

public int uid=0;

/** * 文件在本地电脑中的名称 */

public String nameLoc=””;

/** * 文件在服务器中的名称。 */

public String nameSvr=””;

/** * 文件在本地电脑中的完整路径。示例：D:\Soft\QQ2012.exe */

public String pathLoc=””;

/** * 文件在服务器中的完整路径。示例：F:\\ftp\\uer\\md5.exe */

public String pathSvr=””;

/** * 文件在服务器中的相对路径。示例：/www/web/upload/md5.exe */

public String pathRel=””;

/** * 文件MD5 */

public String md5=””;

/** * 数字化的文件长度。以字节为单位，示例：120125 */

public long lenLoc=0;

/** * 格式化的文件尺寸。示例：10.03MB */

public String sizeLoc=””;

/** * 文件续传位置。 */

public long offset=0;

/** * 已上传大小。以字节为单位 */

public long lenSvr=0;

/** * 已上传百分比。示例：10% */

public String perSvr=”0%”;

public boolean complete=false;

public Date PostedTime = new Date();

public boolean deleted=false;

/** * 是否已经扫描完毕，提供给大型文件夹使用，大型文件夹上传完毕后开始扫描。 */

public boolean scaned=false;

}

首先是文件数据接收逻辑，负责接收控件上传的文件块数据，然后写到服务器的文件中。控件已经提供了块的索引，大小，MD5和长度信息，我们可以根据需要来灵活进行处理，也可以将文件块的数据保存到分布式存储系统中。

out.clear();

String uid = request.getHeader(“uid”);//

String id = request.getHeader(“id”);

String lenSvr = request.getHeader(“lenSvr”);

String lenLoc = request.getHeader(“lenLoc”);

String blockOffset = request.getHeader(“blockOffset”);

String blockSize = request.getHeader(“blockSize”);

String blockIndex = request.getHeader(“blockIndex”);

String blockMd5 = request.getHeader(“blockMd5”);

String complete = request.getHeader(“complete”);

String pathSvr = “”;

//参数为空

if( StringUtils.isBlank( uid )

|| StringUtils.isBlank( id )

|| StringUtils.isBlank( blockOffset ))

{

XDebug.Output(“param is null”);

return;

}

// Check that we have a file upload request

boolean isMultipart = ServletFileUpload.isMultipartContent(request);

FileItemFactory factory = new DiskFileItemFactory();

ServletFileUpload upload = new ServletFileUpload(factory);

List files = null;

try

{

files = upload.parseRequest(request);

}

catch (FileUploadException e)

{// 解析文件数据错误

out.println(“read file data error:” + e.toString());

return;

}

FileItem rangeFile = null;

// 得到所有上传的文件

Iterator fileItr = files.iterator();

// 循环处理所有文件

while (fileItr.hasNext())

{

// 得到当前文件

rangeFile = (FileItem) fileItr.next();

if(StringUtils.equals( rangeFile.getFieldName(),”pathSvr”))

{

pathSvr = rangeFile.getString();

pathSvr = PathTool.url_decode(pathSvr);

}

boolean verify = false;

String msg = “”;

String md5Svr = “”;

long blockSizeSvr = rangeFile.getSize();

if(!StringUtils.isBlank(blockMd5))

{

md5Svr = Md5Tool.fileToMD5(rangeFile.getInputStream());

}

verify = Integer.parseInt(blockSize) == blockSizeSvr;

if(!verify)

{

msg = “block size error sizeSvr:” + blockSizeSvr + “sizeLoc:” + blockSize;

}

if(verify && !StringUtils.isBlank(blockMd5))

{

verify = md5Svr.equals(blockMd5);

if(!verify) msg = “block md5 error”;

}

if(verify)

{

//保存文件块数据

FileBlockWriter res = new FileBlockWriter();

//仅第一块创建

if( Integer.parseInt(blockIndex)==1) res.CreateFile(pathSvr,Long.parseLong(lenLoc));

res.write( Long.parseLong(blockOffset),pathSvr,rangeFile);

up6_biz_event.file_post_block(id,Integer.parseInt(blockIndex));

JSONObject o = new JSONObject();

o.put(“msg”, “ok”);

o.put(“md5”, md5Svr);

o.put(“offset”, blockOffset);//基于文件的块偏移位置

msg = o.toString();

}

rangeFile.delete();

out.write(msg);

文件初始化部分

out.clear();

WebBase web = new WebBase(pageContext);

String id = web.queryString(“id”);

String md5 = web.queryString(“md5”);

String uid = web.queryString(“uid”);

String lenLoc = web.queryString(“lenLoc”);//数字化的文件大小。12021

String sizeLoc = web.queryString(“sizeLoc”);//格式化的文件大小。10MB

String callback = web.queryString(“callback”);

String pathLoc = web.queryString(“pathLoc”);

pathLoc = PathTool.url_decode(pathLoc);

//参数为空

if ( StringUtils.isBlank(md5)

&& StringUtils.isBlank(uid)

&& StringUtils.isBlank(sizeLoc))

{

out.write(callback + “({\”value\”:null})”);

return;

}

FileInf fileSvr= new FileInf();

fileSvr.id = id;

fileSvr.fdChild = false;

fileSvr.uid = Integer.parseInt(uid);

fileSvr.nameLoc = PathTool.getName(pathLoc);

fileSvr.pathLoc = pathLoc;

fileSvr.lenLoc = Long.parseLong(lenLoc);

fileSvr.sizeLoc = sizeLoc;

fileSvr.deleted = false;

fileSvr.md5 = md5;

fileSvr.nameSvr = fileSvr.nameLoc;

//所有单个文件均以uuid/file方式存储

PathBuilderUuid pb = new PathBuilderUuid();

fileSvr.pathSvr = pb.genFile(fileSvr.uid,fileSvr);

fileSvr.pathSvr = fileSvr.pathSvr.replace(“\\”,”/”);

DBConfig cfg = new DBConfig();

DBFile db = cfg.db();

FileInf fileExist = new FileInf();

boolean exist = db.exist_file(md5,fileExist);

//数据库已存在相同文件，且有上传进度，则直接使用此信息

if(exist && fileExist.lenSvr > 1)

{

fileSvr.nameSvr = fileExist.nameSvr;

fileSvr.pathSvr = fileExist.pathSvr;

fileSvr.perSvr = fileExist.perSvr;

fileSvr.lenSvr = fileExist.lenSvr;

fileSvr.complete = fileExist.complete;

db.Add(fileSvr);

//触发事件

up6_biz_event.file_create_same(fileSvr);

}//此文件不存在

else

{

db.Add(fileSvr);

//触发事件

up6_biz_event.file_create(fileSvr);

FileBlockWriter fr = new FileBlockWriter();

fr.CreateFile(fileSvr.pathSvr,fileSvr.lenLoc);

}

Gson gson = new Gson();

String json = gson.toJson(fileSvr);

json = URLEncoder.encode(json,”UTF-8″);//编码，防止中文乱码

json = json.replace(“+”,”%20″);

json = callback + “({\”value\”:\”” + json + “\”})”;//返回jsonp格式数据。

out.write(json);%>

第一步：获取RandomAccessFile,随机访问文件类的对象

第二步：调用RandomAccessFile的getChannel()方法，打开文件通道 FileChannel，这块逻辑可以优化，如果以后有分布式存储需求，可以改为分布式存储，减轻单台服务器的压力。

public class FileBlockWriter {

public FileBlockWriter(){}

public void CreateFile(String pathSvr,long lenLoc)

{

try

{

File ps = new File(pathSvr);

PathTool.createDirectory(ps.getParent());

RandomAccessFile raf = new RandomAccessFile(pathSvr, “rw”);

raf.setLength(lenLoc);//fix:以原始大小创建文件

raf.close();

} catch (IOException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

public void write(long offset,String pathSvr,FileItem block)

{

try

{

InputStream stream = block.getInputStream();

byte[] data = new byte[(int)block.getSize()];

stream.read(data);

stream.close();

RandomAccessFile raf = new RandomAccessFile(pathSvr,”rw”);

raf.seek(offset);

raf.write(data);

raf.close();

} catch (IOException e) {

// TODO Auto-generated catch block

e.printStackTrace();

}

第三步：获取当前是第几个分块，计算文件的最后偏移量

第四步：获取当前文件分块的字节数组，用于获取文件字节长度

第五步：使用文件通道FileChannel类的 map（）方法创建直接字节缓冲器 MappedByteBuffer

第六步：将分块的字节数组放入到当前位置的缓冲区内 mappedByteBuffer.put(byte[] b);

第七步：释放缓冲区

第八步：检查文件是否全部完成上传

文件夹扫描类

存储路径生成类

好了，到此就全部结束了，如果有疑问或批评，欢迎评论和私信，我们一起成长一起学习。

最后放一张实现的效果图

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

pdf缩略图生成上传解决方案

admin — Fri, 15 Nov 2019 08:13:36 +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

视频教程：解决方案,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加密传输,压缩传输,

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

产品交流群：

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

1.下载示例

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

将up6组件复制到项目中

示例中已经包含此目录

1.引入up6组件

2.配置接口地址

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

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

3.处理事件

启动测试

启动成功

效果

数据库

源码工程文档：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

psd缩略图生成上传解决方案

admin — Fri, 15 Nov 2019 07:04:58 +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

联系我们：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

pdf缩略图上传组件

admin — Fri, 15 Nov 2019 06:33:13 +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

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

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

产品交流群：

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

1.下载示例

将up6组件复制到项目中

示例中已经包含此目录

1.引入up6组件

2.配置接口地址

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

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

3.处理事件

启动测试

启动成功

效果

数据库

大文件上传控件（up6）

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

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

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

pdf缩略图上传控件

admin — Fri, 15 Nov 2019 06:04: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

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

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

版本：6.5.38

NOSQL

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

SQL

创建数据表

sql数据库

mysql数据库

oracle数据库

修改数据库连接信息

访问页面进行测试

数据表中的数据

相关参考：

文件保存位置

psd缩略图上传组件

admin — Fri, 15 Nov 2019 03:41:03 +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