- 博客(88)
- 收藏
- 关注
RSS订阅转载 HTML大文件上传技术
1、介绍enctypeenctype属性规定发送到服务器之前应该如何对表单数据进行编码。enctype作用是告知服务器请求正文的MIME类型（请求消息头content-type的作用一样）1、1 enctype的取值有三种 值 描述 application/x-www-form-urlencoded 在发送前编码所有字符（默认） multipart/form-data 不对字符编.
2021-06-30 18:13:01
233
转载 HTML大文件上传实例解析
文件上传是最古老的互联网操作之一，20多年来几乎没有怎么变化，还是操作麻烦、缺乏交互、用户体验差。一、前端代码英国程序员Remy Sharp总结了这些新的接口，本文在他的基础之上，讨论在前端采用HTML5的API，对文件上传进行渐进式增强：*iframe上传 *ajax上传 *进度条 *文件预览 *拖放上传1.1 传统形式 文件上传的传统形式，是使用表单元素file，参考 http://www.ruanyifeng.com/blog/201...
2021-06-30 16:55:24
160
转载 HTML大文件上传示例
javaweb上传文件上传文件的jsp中的部分上传文件同样可以使用form表单向后端发请求，也可以使用 ajax向后端发请求1.通过form表单向后端发送请求<form id="postForm" action="${pageContext.request.contextPath}/UploadServlet" method="post" enctype="multipart/form-data"><div class=...
2021-06-30 16:11:09
56
转载 HTML大文件上传实例
我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。首先我们需要了解的是上传文件三要素：1.表单提交方式:post (get方式提交有大小限制,post没有)2.表单的enctype属性:必须设置为multipart/form-data.3.表单必须有文件上传项:file，且文件项需要给定name值上传文件夹需要增加一个属性webkitdirectory，像这样：<input id="fileFolder" name="
2021-06-30 14:58:22
235
转载 HTML大文件上传代码
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。第一步：前端修改由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify文件上传组件，在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分，这部分代码封装在bjui-all.js文件中，在bjui-all.js文件中的全局变量定义中有以下
2021-06-30 13:49:46
1088
转载 HTML大文件上传源代码
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 允...
2021-06-30 11:54:20
842
转载 HTML大文件上传源码
文件夹数据库处理逻辑publicclassDbFolder{JSONObject root;publicDbFolder(){this.root =newJSONObject();this.root.put("f_id","");this.root.put("f_nameLoc","根目录");this.root.put("f_pid","");...
2021-06-30 11:03:52
320
转载 HTML大文件上传插件
4GB以上超大文件上传和断点续传服务器的实现随着视频网站和大数据应用的普及，特别是高清视频和4K视频应用的到来，超大文件上传已经成为了日常的基础应用需求。但是在很多情况下，平台运营方并没有大文件上传和断点续传的开发经验，往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能，然而在实际使用中会发现，这些基于脚本语言实现的上传功能模块性能很弱，一是不支持2GB以上的内容上传；二是无法支持断点续传；三是效率极低，单台服务器最多支持几十个并发上传连接。当前我们要搭建一个运营级的视频服务平台，
2021-06-30 09:43:29
109
转载 百度UE编辑器从word粘贴公式
这种方法是servlet，编写好在web.xml里配置servlet-class和servlet-mapping即可使用后台（服务端）java服务代码：（上传至ROOT/lqxcPics文件夹下）<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%><%@pagecontentType="text/html;charset=utf-8"%><%@pageim...
2021-06-29 18:24:32
92
转载 xhEditor编辑器从word粘贴公式
如何做到 ueditor批量上传word图片？1、前端引用代码<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Co...
2021-06-29 17:01:19
74
转载 wangEditor编辑器从word粘贴公式
tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5%9B%BE%E7%89%87/以vue为例说明：将tinymce下载后放到static目录下，不用npm安装。powerpaste放到\static\
2021-06-29 16:20:42
96
转载 tinymce编辑器从word粘贴公式
很多时候我们用一些管理系统的时候，发布新闻、公告等文字类信息时，希望能很快的将word里面的内容直接粘贴到富文本编辑器里面，然后发布出来。减少排版复杂的工作量。下面是借用百度doc 来快速实现这个word 粘贴到 富文本编辑器里面方法一：工具/原料百度doc任意富文本编辑器，以UEDdito为例方法/步骤登录，http://word.baidu.com点击右上角 导入文档，如图所示导入后，系统会自动将word的内容加载进去。此时 点击右上角编辑，Ctrl+A复制所有内容
2021-06-29 15:18:27
113
转载 ckeditor编辑器从word粘贴公式
图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例：打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉其中的代码。加入下面的代码：//判断剪贴板的内容是否包含文本//首先解释一下为什么要判断文本是不是为空//在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种t
2021-06-29 14:19:08
113
转载 ueditor从word粘贴公式
由于工作需要必须将word文档内容粘贴到编辑器中使用但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题考虑到自己除了工作其他时间基本上不使用windows，因此打算使用nodejs来解决这一问题发现不管什么编辑器只要将图片转换成base64后就可以直接使用（IE8及一下可能不支持），由于编辑器中添加word文档功能也只是自己用，因此可以忽略这种浏览器了找了很久，试用了很多编辑器，发现
2021-06-29 11:59:17
106
转载 富文本编辑器从word粘贴公式
Chrome+IE默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器，不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后，复制内容然后直接粘贴到富文本编辑器中，编辑器自动将图片批量上传到服务器中，无论文档中有多少张图片，编辑器都全部自动上传，不
2021-06-29 10:48:10
69
转载 富文本编辑器直接从 word 中复制粘贴公式
1.4.2之后官方并没有做功能的改动，1.4.2在word复制这块没有bug，其他版本会出现手动无法转存的情况本文使用的后台是Java。前端为Jsp（前端都一样，后台如果语言不通得自己做 Base64编码解码）因为公司业务需要支持IE8 ，网上其实有很多富文本框，效果都很好。例如www.wangEditor.com 但试了一圈都不支持IE8 。所以回到Ueditor，由于官方没有维护，新的neuditor 也不知道什么时候能支持word自动转存，只能自己想办法。如果没有必要，不建议使用.
2021-06-29 09:42:44
229
转载 HTML大文件上传组件
javaweb上传文件上传文件的jsp中的部分上传文件同样可以使用form表单向后端发请求，也可以使用 ajax向后端发请求1.通过form表单向后端发送请求<form id="postForm" action="${pageContext.request.contextPath}/UploadServlet" method="post" enctype="multipart/form-data"><div class=...
2021-06-28 16:57:00
241
转载 HTML大文件上传工具
我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。首先我们需要了解的是上传文件三要素：1.表单提交方式:post (get方式提交有大小限制,post没有)2.表单的enctype属性:必须设置为multipart/form-data.3.表单必须有文件上传项:file，且文件项需要给定name值上传文件夹需要增加一个属性webkitdirectory，像这样：<input id="fileFolder" name="
2021-06-28 16:24:59
102
转载 html大文件如何传输
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。第一步：前端修改由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify文件上传组件，在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分，这部分代码封装在bjui-all.js文件中，在bjui-all.js文件中的全局变量定义中有以下
2021-06-28 14:57:21
153
转载 html大文件怎么传输
文件夹数据库处理逻辑publicclassDbFolder{JSONObject root;publicDbFolder(){this.root =newJSONObject();this.root.put("f_id","");this.root.put("f_nameLoc","根目录");this.root.put("f_pid","");...
2021-06-28 14:25:06
49
转载 html大文件怎样传输
java两台服务器之间，大文件上传（续传），采用了Socket通信机制以及JavaIO流两个技术点，具体思路如下：实现思路：1、服：利用ServerSocket搭建服务器，开启相应端口，进行长连接操作2、服：使用ServerSocket.accept()方法进行阻塞，接收客户端请求3、服：每接收到一个Socket就建立一个新的线程来处理它4、客：利用Socket进行远程连接，询问已上传进度5、客：使用FileInputStream.skip(long length)从指定位置读取
2021-06-28 11:59:44
392
转载 html大文件切割传输
一、概述所谓断点续传，其实只是指下载，也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的，HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传，需要自己实现。二、Range用于请求头中，指定第一个字节的位置和最后一个字节的位置，一般格式： Range:用于客户端到服务端的请求，可以通过改字段指定下载文件的某一段大小及其单位，字节偏移从0开始。典型格式： R...
2021-06-28 11:00:40
102
转载 html大文件切片传输
以ASP.NET Core WebAPI作后端API，用Vue构建前端页面，用Axios从前端访问后端API ,包括文件的上传和下载。准备文件上传的API#region文件上传可以带参数[HttpPost("upload")]public JsonResult uploadProject(IFormFile file, string userId){if (file != null)...
2021-06-28 09:43:36
92
转载 现在有没有一种富文本编辑器能够直接从 word 中复制粘贴公式的？
这里写你的初始化内容varpasterMgr =newWordPasterManager();//pasterMgr.Config["PostUrl"] = "http://www.ncmem.com/products/upload_ori.aspx"pasterMgr.Config["PostUrl"] ="http://localhost:8080/WordPaster2UEditor1.4x/upload.jsp"...
2021-06-25 17:57:36
68
转载 可以粘贴Word文档中图片的编辑器
这里写你的初始化内容varpasterMgr =newWordPasterManager();pasterMgr.Config["PostUrl"] ="http://localhost:81/WordPaster2/WordPasterUEditor1x/php/upload.php"pasterMgr.Load();//加载控件UE.getEditor('myEditor',{onready:func...
2021-06-25 17:12:28
88
转载 CKEditor本地图片自动上传插件
tinymce是很优秀的一款富文本编辑器，可以去官网下载。https://www.tiny.cloud这里分享的是它官网的一个收费插件powerpaste的旧版本源码，但也不影响功能使用。http://blog.ncmem.com/wordpress/2019/08/07/umeditor%E7%B2%98%E8%B4%B4word%E5%9B%BE%E7%89%87/以vue为例说明：将tinymce下载后放到static目录下，不用npm安装。powerpaste放到\static\
2021-06-25 16:00:05
118
转载 请问如何上传带图片的word
很多时候我们用一些管理系统的时候，发布新闻、公告等文字类信息时，希望能很快的将word里面的内容直接粘贴到富文本编辑器里面，然后发布出来。减少排版复杂的工作量。下面是借用百度doc 来快速实现这个word 粘贴到 富文本编辑器里面方法一：工具/原料百度doc任意富文本编辑器，以UEDdito为例方法/步骤登录，http://word.baidu.com点击右上角 导入文档，如图所示导入后，系统会自动将word的内容加载进去。此时 点击右上角编辑，Ctrl+A复制所有内容
2021-06-25 15:18:25
107
转载 ueditor百度编辑器destoon的word图片转存功能
图片的复制无非有两种方法，一种是图片直接上传到服务器，另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例：打开umeditor.js，找到UM.plugins['autoupload']，然后找到autoUploadHandler方法，注释掉其中的代码。加入下面的代码：//判断剪贴板的内容是否包含文本//首先解释一下为什么要判断文本是不是为空//在ctrl+c word中的文字或者图片之后会返回1种(image/png)或者4种t
2021-06-25 14:01:28
234
转载 百度ueditor中复制word图文时图片转存任然保持灰色不可用
由于工作需要必须将word文档内容粘贴到编辑器中使用但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容，如果上传到服务器后其他人也访问不了，网上找了很多编辑器发现没有一个能直接解决这个问题考虑到自己除了工作其他时间基本上不使用windows，因此打算使用nodejs来解决这一问题发现不管什么编辑器只要将图片转换成base64后就可以直接使用（IE8及一下可能不支持），由于编辑器中添加word文档功能也只是自己用，因此可以忽略这种浏览器了找了很久，试用了很多编辑器，发现
2021-06-25 12:06:15
310
转载 ueditor粘贴从word中copy的图片和文字 图片无法显示的问题
Chrome+IE默认支持粘贴剪切板中的图片，但是我要发布的文章存在word里面，图片多达数十张，我总不能一张一张复制吧？Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器，不能够将图片单独保存在另外一台服务器中。如果需要单独保存则需要自已进行处理。比较麻烦。我希望打开Word或者WPS文档后，复制内容然后直接粘贴到富文本编辑器中，编辑器自动将图片批量上传到服务器中，无论文档中有多少张图片，编辑器都全部自动上传，不
2021-06-25 11:15:49
727
1
原创 ueditor粘贴word图片无法显示的问题
1.4.2之后官方并没有做功能的改动，1.4.2在word复制这块没有bug，其他版本会出现手动无法转存的情况本文使用的后台是Java。前端为Jsp（前端都一样，后台如果语言不通得自己做 Base64编码解码）因为公司业务需要支持IE8 ，网上其实有很多富文本框，效果都很好。例如www.wangEditor.com 但试了一圈都不支持IE8 。所以回到Ueditor，由于官方没有维护，新的neuditor 也不知道什么时候能支持word自动转存，只能自己想办法。如果没有必要，不建议使用.
2021-06-25 09:50:53
726
原创 html大文件分段传输
最近遇见一个需要上传超大大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。下面从文件上传方式入手，整理大文件上传的思路，并给出了相关实例代码，由于PHP内置了比较方便的文件拆分和拼接方法，因此服务端代码使用PHP进
2021-06-24 17:41:19
276
转载 html大文件分片传输
我们平时经常做的是上传文件，上传文件夹与上传文件类似，但也有一些不同之处，这次做了上传文件夹就记录下以备后用。首先我们需要了解的是上传文件三要素：1.表单提交方式:post (get方式提交有大小限制,post没有)2.表单的enctype属性:必须设置为multipart/form-data.3.表单必须有文件上传项:file，且文件项需要给定name值上传文件夹需要增加一个属性webkitdirectory，像这样：不过webkitdirectory属性有个问题，只能支持高版
2021-06-24 16:27:32
117
转载 html大文件传输讨论
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在500M内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以501M来进行限制。第一步：前端修改由于项目使用的是BJUI前端框架，并没有使用框架本身的文件上传控件，而使用的基于jQuery的Uploadify文件上传组件，在项目使用的jslib项目中找到了BJUI框架集成jQuery Uploadify的部分，这部分代码封装在bjui-all.js文件中，在bjui-all.js文件中的全局变量定义中有以下
2021-06-24 15:11:44
84
转载 html大文件传输分享
文件夹数据库处理逻辑publicclassDbFolder{JSONObject root;publicDbFolder(){this.root =newJSONObject();this.root.put("f_id","");this.root.put("f_nameLoc","根目录");this.root.put("f_pid","");...
2021-06-24 13:53:53
55
转载 html大文件传输总结
上周遇到这样一个问题，客户上传高清视频（1G以上）的时候上传失败。一开始以为是session过期或者文件大小受系统限制，导致的错误。查看了系统的配置文件没有看到文件大小限制，web.xml中seesiontimeout是30，我把它改成了120。但还是不行，有时候10分钟就崩了。同事说，可能是客户这里服务器网络波动导致网络连接断开，我觉得有点道理。但是我在本地测试的时候发觉上传也失败，网络原因排除。看了日志，错误为：java.lang.OutOfMemoryErrorJavaheap...
2021-06-24 11:59:35
55
原创 html大文件传输问题
4GB以上超大文件上传和断点续传服务器的实现随着视频网站和大数据应用的普及，特别是高清视频和4K视频应用的到来，超大文件上传已经成为了日常的基础应用需求。但是在很多情况下，平台运营方并没有大文件上传和断点续传的开发经验，往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能，然而在实际使用中会发现，这些基于脚本语言实现的上传功能模块性能很弱，一是不支持2GB以上的内容上传；二是无法支持断点续传；三是效率极低，单台服务器最多支持几十个并发上传连接。当前我们要搭建一个运营级的视频服务平台，
2021-06-24 11:41:53
104
转载 html大文件传输方法
IE的自带下载功能中没有断点续传功能，要实现断点续传功能，需要用到HTTP协议中鲜为人知的几个响应头和请求头。一.两个必要响应头Accept-Ranges、ETag客户端每次提交下载请求时，服务端都要添加这两个响应头，以保证客户端和服务端将此下载识别为可以断点续传的下载：Accept-Ranges：告知下载客户端这是一个可以恢复续传的下载，存放本次下载的开始字节位置、文件的字节大小；ETag：保存文件的唯一标识（我在用的文件名+文件最后修改时间，以便续传请求时对文件进行...
2021-06-24 09:49:03
140
转载 html大文件传输思路
需求：项目要支持大文件上传功能，经过讨论，初步将文件上传大小控制在20G内，因此自己需要在项目中进行文件上传部分的调整和配置，自己将大小都以20G来进行限制。PC端全平台支持，要求支持Windows,Mac,Linux支持所有浏览器。支持文件批量上传支持文件夹上传，且要求在服务端保留层级结构。文件夹数量要求支持到10W。支持大文件断点续传，要求刷新浏览器，重启浏览器，重启电脑后仍然能够继续上传。文件大小要求能够支持到20个G。支持自动加载本地文件，要求能够自动加载指定的本地文件。
2021-06-23 17:48:42
124
转载 umeditor实现ctrl+v粘贴word图片并上传
这种方法是servlet，编写好在web.xml里配置servlet-class和servlet-mapping即可使用后台（服务端）java服务代码：（上传至ROOT/lqxcPics文件夹下）<%@pagelanguage="java"import="java.util.*"pageEncoding="utf-8"%><%@pagecontentType="text/html;charset=utf-8"%><%@pageim...
2021-06-23 16:47:35
65
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人