<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[win32user的专栏]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/win32user</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; win32user]]></copyright><item><title><![CDATA[webuploader在springMVC+jquery+Java开发环境下的大文件分片上传]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86679556</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86679556</guid><author>win32user</author><pubDate>Mon, 28 Jan 2019 16:40:01 +0800</pubDate><description><![CDATA[参考的文章http://u6.gg/h2cF3

因为从网上看到的总是和自己项目开发有些许差别,所以也是在调试了很久之后,发现适合自己项目的代码,现在把过程记录下来,以便以后查阅.

 

注意:

1,webuploader上传组件会和jquery自带的上传组件冲突,所以不要使用&amp;lt;form&amp;gt;标签中添加上传文件的属性;


enctype=&quot;multipart/form-data&quot;

...]]></description><category></category></item><item><title><![CDATA[webUploader插件实现文件上传]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86679497</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86679497</guid><author>win32user</author><pubDate>Mon, 28 Jan 2019 16:35:45 +0800</pubDate><description><![CDATA[var uploader = WebUploader.create({ 
// 选择文件是否自动上传 
auto: true, 
// swf文件路径 
swf: ‘PUBLIC/static/js/Uploader.swf’, 
// 文件接收服务端。 
server: ‘url’, 
prepareNextFile: true, 
duplicate: true, // 去重， 
fileNu...]]></description><category></category></item><item><title><![CDATA[webUploader使用方法]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86679437</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86679437</guid><author>win32user</author><pubDate>Mon, 28 Jan 2019 16:32:41 +0800</pubDate><description><![CDATA[官网
http://fex.baidu.com/webuploader/
API
http://fex.baidu.com/webuploader/doc/index.html

引入webuploader.css webuploader.min.js


DOM

&amp;lt;div id=&quot;uploaderAvatar&quot; class=&quot;display_none&quot;&amp;gt;
    &amp;lt;!--用来...]]></description><category></category></item><item><title><![CDATA[基于NodeJs的Express及Webuploader实现大文件分片上传与合并（一）]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86679377</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86679377</guid><author>win32user</author><pubDate>Mon, 28 Jan 2019 16:29:40 +0800</pubDate><description><![CDATA[基于NodeJs进行前端分段上传实现，我选择比较通用的Express框架及Webuploader上传组件实现。

我在之前项目中设计实现的大文件上传方案，尤其注重上传文件的快速本地化（局域网服务器），之后通过中心控制服务器进行分段任务的传输与合并。该方案能够很好的解决有限时间大文件上传的需求，但在前端这块儿还是一次性上传到本地（局域网服务器），试着想进行分段上传优化。

之前项目的设计方案中局域网...]]></description><category></category></item><item><title><![CDATA[大文件断点续传]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86679322</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86679322</guid><author>win32user</author><pubDate>Mon, 28 Jan 2019 16:26:55 +0800</pubDate><description><![CDATA[win10 node: v8.2.1 npm: v5.3.0 multer: v1.3.0

使用
1.由于对multer v1.3.0做了修改，所以不可以通过npm install multer这种形式，需要使用到修改过multer包去覆盖原来的。 
2.对于文件上传的接口，比如/upload，需要携带参数targetFileName和start。

targetFileName: 服务端生成目...]]></description><category></category></item><item><title><![CDATA[Spring MVC大文件的断点续传（File Transfer Resume）]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86679259</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86679259</guid><author>win32user</author><pubDate>Mon, 28 Jan 2019 16:23:42 +0800</pubDate><description><![CDATA[根据 HTTP/1.1 协议，客户端可以获取 response 资源的一部分，以便由于在通信中断后还能够继续前一次的请求，常见的场景包括大文件下载、视频播放的前进/后退等。 以下是一个Byte-Range请求的具体HTTP信息： 

引用

【Status Code】 
206 Partial Content （出错时416） 
【Request Headers】 
Range:bytes=194...]]></description><category></category></item><item><title><![CDATA[基于WebUploader、SpringMVC的断点续传]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86679200</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86679200</guid><author>win32user</author><pubDate>Mon, 28 Jan 2019 16:20:55 +0800</pubDate><description><![CDATA[页面引用：

 


 

 
&amp;lt;!--引用tag标签路径，并定义为sys--&amp;gt;
&amp;lt;%@ taglib prefix=&quot;sys&quot; tagdir=&quot;/WEB-INF/tags/sys&quot; %&amp;gt;
 
&amp;lt;!--以下两个隐藏域为spring标签，可以用常规html代替，用以存放上传文件返回的文件真实地址和文件访问地址--&amp;gt;
&amp;lt;form:hidden id=&quot;hzzq...]]></description><category></category></item><item><title><![CDATA[java使用WebUploader做大文件的分块和断点续传]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86679164</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86679164</guid><author>win32user</author><pubDate>Mon, 28 Jan 2019 16:18:52 +0800</pubDate><description><![CDATA[前言：
WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主，FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势，同时又不摒弃主流IE浏览器，沿用原来的FLASH运行时，兼容IE6+，iOS 6+, android 4+。两套运行时，同样的调用方式，可供用户任意选用。

 

上面的一段话是来自 http://fex.baidu...]]></description><category></category></item><item><title><![CDATA[webuploader分片上传（前后端分离]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86679088</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86679088</guid><author>win32user</author><pubDate>Mon, 28 Jan 2019 16:16:28 +0800</pubDate><description><![CDATA[功能描述

1、webuploader是百度研发的上传组件，文档不是特别规整，但是也够用了。
2、前端使用官网的上传图片demo，在此基础上代码略微调整做分片。既可以上传图片也可以上传文件。文件超过分片大小才启用分片。
3、分片上传已做md5校验，达到秒传的效果。分片以后需要合并，可以先分片后合并，也可以边分片边合并，本示例采用的是边分片边合并的方案。
4、后端用springboot做框架搭建。s...]]></description><category></category></item><item><title><![CDATA[SpringMvc实现分片上传,断点续传,进度条上传,秒传,分段下载]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86677136</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86677136</guid><author>win32user</author><pubDate>Mon, 28 Jan 2019 14:34:31 +0800</pubDate><description><![CDATA[一、需求背景

大文件上传，需要分片，并实现断点续传，进度条显示，秒传功能。下载时可以暂停，分段下载。

二、实现原理

1.分片：前端浏览器将文件根据设定的规则分割成多片小文件，一片一片的上传到服务器。

2.秒传：前端浏览器截取文件的前面几m和最后几m字节又或者全部字节进行md5编码，可以生成文件的唯一md5码，根据这个md5码可以唯一确定一个文件，上传文件时同时将该md5码传送到后台，又或者...]]></description><category></category></item><item><title><![CDATA[大文件上传第二弹(分片、秒传、断点续传)]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86149470</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86149470</guid><author>win32user</author><pubDate>Wed, 09 Jan 2019 14:05:30 +0800</pubDate><description><![CDATA[关键部分

前端用file.slice()分块

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

后端用MultipartFile接受分块文件

后端用FileOutputStream拼装分块文件

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

工程截图



&amp;lt;%@ page language=&quot;java&quot; import=&quot;java.util.*&quot; pageEncoding=&quot;UTF-...]]></description><category></category></item><item><title><![CDATA[用JAVA实现大文件上传及显示进度信息]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86149431</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86149431</guid><author>win32user</author><pubDate>Wed, 09 Jan 2019 14:05:03 +0800</pubDate><description><![CDATA[用JAVA实现大文件上传及显示进度信息

---解析HTTP MultiPart协议

 (本文提供全部源码下载，请访问 http://c7.gg/cds8e)

 

一. 大文件上传基础描述：

　　各种WEB框架中，对于浏览器上传文件的请求，都有自己的处理对象负责对Http MultiPart协议内容进行解析，并供开发人员调用请求的表单内容。

比如：

Spring 框架中使用类似Comm...]]></description><category></category></item><item><title><![CDATA[上传大文件的解决方案]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/86149397</link><guid>https://blog.youkuaiyun.com/win32user/article/details/86149397</guid><author>win32user</author><pubDate>Wed, 09 Jan 2019 14:04:36 +0800</pubDate><description><![CDATA[上传大文件的解决方案

 

需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。

 

第一步：

前端修改

由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify文件上传组件，在项目使用的jslib项目中找到了BJUI框架集...]]></description><category></category></item><item><title><![CDATA[大文件分片上传，断点续传，秒传 实现]]></title><link>https://blog.youkuaiyun.com/win32user/article/details/84852097</link><guid>https://blog.youkuaiyun.com/win32user/article/details/84852097</guid><author>win32user</author><pubDate>Thu, 06 Dec 2018 13:33:46 +0800</pubDate><description><![CDATA[前段时间做视频上传业务，通过网页上传视频到服务器。

视频大小 小则几十M，大则 1G+，以一般的HTTP请求发送数据的方式的话，会遇到的问题：1，文件过大，超出服务端的请求大小限制；2，请求时间过长，请求超时；3，传输中断，必须重新上传导致前功尽弃；

 

解决方案：

1，修改服务端上传的限制配置；Nginx 以及 PHP 的上传文件限制 不宜过大，一般5M 左右为好；

2，大文件分片，一...]]></description><category></category></item></channel></rss>