文件上传页面的前端可以选择使用一些比较好用的上传组件，例如百度的开源组件WebUploader，泽优软件的up6，这些组件基本能满足文件上传的一些日常所需功能，如异步上传文件，文件夹，拖拽式上传，黏贴上传，上传进度监控，文件缩略图，甚至是大文件断点续传，大文件秒传。分块上传，分块处理逻辑应该是最简单的逻辑了，up6已经将文件进行了分块，并且对每个分块数据进行了标识，这些标识包括文件块的索引，大小，

参考：http://www.ncmem.com/doc/view.aspx?接口地址分别对应：文件初始化，文件数据上传，文件进度，文件上传完毕，文件删除，文件夹初始化，文件夹删除，文件列表。代码：https://gitee.com/xproer/up6-vue-cli。

用户发布新闻的时候是从word里面复制图片和文字，基本上内容都是提前在word中编辑好的，然后将word图文内容粘贴到web富文本编辑器中，希望能够将word的图片自动上传到服务器中，保留word中编辑好的内容的样式，比如间距，字体，字号，颜色，表格，边框等。产品不是我们公司自己开发的，如果遇到问题的话公司这边要花很多成本来解决，客户如果在使用过程中遇到问题的话也不好解决，如果客户提出了定制开发和

网上搜了一下，基本上大部分的文章里面提到的前端JS或VUE或HTML5上传文件夹的方案都是使用JS的API来实现的，也就是html5提供的一个API，也就是chrome提供的API。VUE+ELEMENT 上传文件及文件夹，VUE上传大文件的三种解决方案，DJANGO+VUE实现文件夹上传，前端实现文件夹的上传和下载，HTML+前端超大视频上传解决方案，网页 项目文件夹上传下载解决方案，接口地址分

需求：项目用的是VUE2，VUE3，编辑器用的是wangEditor3,wangEditor4，需要支持在wangEditor编辑器中粘贴word图文内容，粘贴后图片自动上传到指定服务器中，支持自定义服务器接口地址，粘贴后保留文字样式格式，比如文字字体，字体大小，字体颜色。支持快捷键操作（Ctrl+V）为wangEditor编辑器添加按钮。测试前请配置图片上传接口并测试成功。初始化WordPast

网上搜的文章基本上大部分都是重复的，要么就是只有前端，没有后端，要么只有后端，没有前端，很多内容都是重复的，可以看得出来代码都是没有跑过的，没有经过实战测试的，要放在项目里面用那真的是开玩笑了。VUE上传文件夹的实现，VUE实现大文件分片上传，VUE批量上传文件，HTTP之实现文件上传与下载，HTTP上传协议之文件流实现，轻松支持大文件上传，NGINX实现浏览器端大文件分块上传，HTML5 文件上

在后台看到访问记录，很多用户提了这个需求，要求用HTML5来实现。网上搜了一下，发现这类需求很多，相关的文章和代码也很多，大部分用的是VUE，H5的也有，不过只提供了前端部分，后端的没有。然后也不完善，花了很多的时间找了一些，有的用是能用，但是小问题太多，找这些能用的代码，所花的时间都能够完全自已写一个出来了。接口地址分别对应：文件初始化，文件数据上传，文件进度，文件上传完毕，文件删除，文件夹初始

up6/upload/年/月/日/guid/filename。最新示例是6.5.39版本，下载时请注意选择最新分支。NOSQL示例不需要任何配置，可以直接访问测试。选择对应的数据表脚本，这里以SQL为例。

对于文件上传，浏览器在上传的过程中是将文件以流的形式提交到服务器端的，如果直接使用Servlet获取上传文件的输入流然后再解析里面的请求参数是比较麻烦，所以一般选择采用apache的开源工具common-fileupload这个文件上传组件。我们要将Web应用系统中的文件资源提供给用户进行下载，首先我们要有一个页面列出上传文件目录下的所有文件，当用户点击文件下载超链接时就进行下载操作，编写一个Li

"wordPathFormat": "/public/uploads/word/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */$preg = '/(\s+src\s?// 匹配所有的img。"wordActionName": "wordupload", /* 执行上传视频的action名称 */"wordAllowFiles