11 2021 档案

摘要:​ 文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员Remy Sharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: * iframe上传 * ajax上传 * 进度 阅读全文
posted @ 2021-11-30 17:50 潜水的章鱼 阅读(623) 评论(0) 推荐(0) 编辑
摘要:​ 前言:因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传,而自己对java文件上传这一块未接触过,且对 Http 协议较模糊,故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Http协议原理简介 HTTP是一个属于应用层的面向对象的协议,由于其简 阅读全文
posted @ 2021-11-30 17:10 潜水的章鱼 阅读(35) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2021-11-30 16:19 潜水的章鱼 阅读(48) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素: 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da 阅读全文
posted @ 2021-11-30 15:41 潜水的章鱼 阅读(128) 评论(0) 推荐(0) 编辑
摘要:​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na 阅读全文
posted @ 2021-11-30 14:09 潜水的章鱼 阅读(123) 评论(0) 推荐(0) 编辑
摘要:​ 4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在 阅读全文
posted @ 2021-11-30 12:16 潜水的章鱼 阅读(382) 评论(0) 推荐(0) 编辑
摘要:​ 一、 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传; 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹 阅读全文
posted @ 2021-11-30 10:04 潜水的章鱼 阅读(231) 评论(0) 推荐(0) 编辑
摘要:​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文
posted @ 2021-11-29 18:07 潜水的章鱼 阅读(36) 评论(0) 推荐(0) 编辑
摘要:​ 如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文
posted @ 2021-11-29 17:30 潜水的章鱼 阅读(69) 评论(0) 推荐(0) 编辑
摘要:​ tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。 umeditor+粘贴word图片 – 泽优软件博客 以vue为例说明: 将tinymce下载后放到st 阅读全文
posted @ 2021-11-29 16:13 潜水的章鱼 阅读(29) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2021-11-29 15:33 潜水的章鱼 阅读(32) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2021-11-29 14:22 潜水的章鱼 阅读(71) 评论(0) 推荐(0) 编辑
摘要:​ Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一 阅读全文
posted @ 2021-11-29 11:57 潜水的章鱼 阅读(68) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2021-11-29 11:15 潜水的章鱼 阅读(43) 评论(0) 推荐(0) 编辑
摘要:​ 项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的 编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单 下载tinymce n 阅读全文
posted @ 2021-11-29 09:56 潜水的章鱼 阅读(36) 评论(0) 推荐(0) 编辑
摘要:​ 文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员Remy Sharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: * iframe上传 * ajax上传 * 进度 阅读全文
posted @ 2021-11-26 18:12 潜水的章鱼 阅读(99) 评论(0) 推荐(0) 编辑
摘要:​ 这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数 下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得出来,实体类中已经有很多我们需要的功能了,还有实用的属性。如MD5秒传的信息。 public c 阅读全文
posted @ 2021-11-26 16:51 潜水的章鱼 阅读(553) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2021-11-26 16:06 潜水的章鱼 阅读(32) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素: 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da 阅读全文
posted @ 2021-11-26 15:22 潜水的章鱼 阅读(260) 评论(0) 推荐(0) 编辑
摘要:​ 一、 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传; 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹 阅读全文
posted @ 2021-11-26 13:58 潜水的章鱼 阅读(477) 评论(0) 推荐(0) 编辑
摘要:​ 需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify 阅读全文
posted @ 2021-11-26 11:59 潜水的章鱼 阅读(41) 评论(0) 推荐(0) 编辑
摘要:​ 4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在 阅读全文
posted @ 2021-11-26 10:55 潜水的章鱼 阅读(16) 评论(0) 推荐(0) 编辑
摘要:​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R 阅读全文
posted @ 2021-11-26 09:50 潜水的章鱼 阅读(291) 评论(0) 推荐(0) 编辑
摘要:​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文
posted @ 2021-11-25 17:49 潜水的章鱼 阅读(92) 评论(0) 推荐(0) 编辑
摘要:​ 如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文
posted @ 2021-11-25 16:35 潜水的章鱼 阅读(207) 评论(0) 推荐(0) 编辑
摘要:​ tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。 umeditor+粘贴word图片 – 泽优软件博客 以vue为例说明: 将tinymce下载后放到st 阅读全文
posted @ 2021-11-25 15:46 潜水的章鱼 阅读(160) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2021-11-25 14:57 潜水的章鱼 阅读(156) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2021-11-25 13:51 潜水的章鱼 阅读(280) 评论(0) 推荐(0) 编辑
摘要:​ Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一 阅读全文
posted @ 2021-11-25 12:01 潜水的章鱼 阅读(226) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2021-11-25 10:51 潜水的章鱼 阅读(446) 评论(0) 推荐(0) 编辑
摘要:​ 项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的 编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单 下载tinymce n 阅读全文
posted @ 2021-11-25 09:52 潜水的章鱼 阅读(239) 评论(0) 推荐(0) 编辑
摘要:​ 文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员Remy Sharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: * iframe上传 * ajax上传 * 进度 阅读全文
posted @ 2021-11-24 17:38 潜水的章鱼 阅读(181) 评论(0) 推荐(0) 编辑
摘要:​ 第一点:Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt 阅读全文
posted @ 2021-11-24 16:48 潜水的章鱼 阅读(109) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2021-11-24 15:53 潜水的章鱼 阅读(283) 评论(0) 推荐(0) 编辑
摘要:​ 需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify 阅读全文
posted @ 2021-11-24 15:12 潜水的章鱼 阅读(137) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素: 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da 阅读全文
posted @ 2021-11-24 14:17 潜水的章鱼 阅读(67) 评论(0) 推荐(0) 编辑
摘要:4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在实际 阅读全文
posted @ 2021-11-24 12:47 潜水的章鱼 阅读(47) 评论(0) 推荐(0) 编辑
摘要:​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na 阅读全文
posted @ 2021-11-24 10:54 潜水的章鱼 阅读(119) 评论(0) 推荐(0) 编辑
摘要:​ 一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range 用于请求头中, 阅读全文
posted @ 2021-11-24 10:06 潜水的章鱼 阅读(57) 评论(0) 推荐(0) 编辑
摘要:​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文
posted @ 2021-11-23 18:02 潜水的章鱼 阅读(184) 评论(0) 推荐(0) 编辑
摘要:​ 如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文
posted @ 2021-11-23 16:42 潜水的章鱼 阅读(156) 评论(0) 推荐(0) 编辑
摘要:​ tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。 umeditor+粘贴word图片 – 泽优软件博客 以vue为例说明: 将tinymce下载后放到st 阅读全文
posted @ 2021-11-23 15:52 潜水的章鱼 阅读(224) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2021-11-23 15:08 潜水的章鱼 阅读(197) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2021-11-23 13:49 潜水的章鱼 阅读(377) 评论(0) 推荐(0) 编辑
摘要:​ Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一 阅读全文
posted @ 2021-11-23 11:48 潜水的章鱼 阅读(579) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2021-11-23 11:00 潜水的章鱼 阅读(158) 评论(0) 推荐(0) 编辑
摘要:​ 项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的 编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单 下载tinymce n 阅读全文
posted @ 2021-11-23 10:22 潜水的章鱼 阅读(118) 评论(0) 推荐(0) 编辑
摘要:​ 文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员Remy Sharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: * iframe上传 * ajax上传 * 进度 阅读全文
posted @ 2021-11-22 17:47 潜水的章鱼 阅读(82) 评论(0) 推荐(0) 编辑
摘要:​ 第一点:Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt 阅读全文
posted @ 2021-11-22 16:55 潜水的章鱼 阅读(44) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2021-11-22 16:18 潜水的章鱼 阅读(70) 评论(0) 推荐(0) 编辑
摘要:​ 需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify 阅读全文
posted @ 2021-11-22 14:30 潜水的章鱼 阅读(85) 评论(0) 推荐(0) 编辑
摘要:​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na 阅读全文
posted @ 2021-11-22 13:48 潜水的章鱼 阅读(82) 评论(0) 推荐(0) 编辑
摘要:​ 4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在 阅读全文
posted @ 2021-11-22 12:01 潜水的章鱼 阅读(104) 评论(0) 推荐(0) 编辑
摘要:​ 一、 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传; 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹 阅读全文
posted @ 2021-11-22 10:10 潜水的章鱼 阅读(76) 评论(0) 推荐(0) 编辑
摘要:​ 这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数 下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得出来,实体类中已经有很多我们需要的功能了,还有实用的属性。如MD5秒传的信息。 public c 阅读全文
posted @ 2021-11-19 18:00 潜水的章鱼 阅读(114) 评论(0) 推荐(0) 编辑
摘要:​ 4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在 阅读全文
posted @ 2021-11-19 17:12 潜水的章鱼 阅读(66) 评论(0) 推荐(0) 编辑
摘要:​ 文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员Remy Sharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: * iframe上传 * ajax上传 * 进度 阅读全文
posted @ 2021-11-19 16:31 潜水的章鱼 阅读(34) 评论(0) 推荐(0) 编辑
摘要:​ 众所皆知,web上传大文件,一直是一个痛。上传文件大小限制,页面响应时间超时.这些都是web开发所必须直面的。 本文给出的解决方案是:前端实现数据流分片长传,后面接收完毕后合并文件的思路。 实现文件夹上传,要求:服务端保留层级结构,支持10w级别的文件夹上传。 大文件上传及断点续传,要求:支持5 阅读全文
posted @ 2021-11-19 15:44 潜水的章鱼 阅读(74) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2021-11-19 15:16 潜水的章鱼 阅读(87) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素: 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da 阅读全文
posted @ 2021-11-19 14:25 潜水的章鱼 阅读(103) 评论(0) 推荐(0) 编辑
摘要:​ 一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range 用于请求头中, 阅读全文
posted @ 2021-11-19 11:53 潜水的章鱼 阅读(29) 评论(0) 推荐(0) 编辑
摘要:​ 一、 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传; 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹 阅读全文
posted @ 2021-11-19 09:51 潜水的章鱼 阅读(1078) 评论(0) 推荐(0) 编辑
摘要:​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文
posted @ 2021-11-18 17:44 潜水的章鱼 阅读(85) 评论(0) 推荐(0) 编辑
摘要:​ 如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文
posted @ 2021-11-18 17:00 潜水的章鱼 阅读(102) 评论(0) 推荐(0) 编辑
摘要:​ tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。 umeditor+粘贴word图片 – 泽优软件博客 以vue为例说明: 将tinymce下载后放到st 阅读全文
posted @ 2021-11-18 16:13 潜水的章鱼 阅读(72) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2021-11-18 15:24 潜水的章鱼 阅读(139) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2021-11-18 14:05 潜水的章鱼 阅读(75) 评论(0) 推荐(0) 编辑
摘要:​ Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一 阅读全文
posted @ 2021-11-18 12:02 潜水的章鱼 阅读(34) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2021-11-18 11:08 潜水的章鱼 阅读(112) 评论(0) 推荐(0) 编辑
摘要:​ 项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的 编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单 下载tinymce n 阅读全文
posted @ 2021-11-18 10:05 潜水的章鱼 阅读(190) 评论(0) 推荐(0) 编辑
摘要:​ 文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员Remy Sharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: * iframe上传 * ajax上传 * 进度 阅读全文
posted @ 2021-11-17 17:50 潜水的章鱼 阅读(72) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1. 通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/U 阅读全文
posted @ 2021-11-17 17:01 潜水的章鱼 阅读(175) 评论(0) 推荐(0) 编辑
摘要:​ 1 背景 用户本地有一份txt或者csv文件,无论是从业务数据库导出、还是其他途径获取,当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候,首先要将本地文件上传至ODPS,普通的小文件通过浏览器上传至服务器,做一层中转便可以实现,但当这份文件非常大到了10GB级别,我们就需要思考另 阅读全文
posted @ 2021-11-17 15:57 潜水的章鱼 阅读(82) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 这次项目的需求: 支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启 阅读全文
posted @ 2021-11-17 15:14 潜水的章鱼 阅读(307) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2021-11-17 14:42 潜水的章鱼 阅读(406) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素: 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da 阅读全文
posted @ 2021-11-17 13:36 潜水的章鱼 阅读(46) 评论(0) 推荐(0) 编辑
摘要:​ 需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify 阅读全文
posted @ 2021-11-17 12:01 潜水的章鱼 阅读(152) 评论(0) 推荐(0) 编辑
摘要:​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na 阅读全文
posted @ 2021-11-17 11:31 潜水的章鱼 阅读(122) 评论(0) 推荐(0) 编辑
摘要:​ 4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在 阅读全文
posted @ 2021-11-17 09:56 潜水的章鱼 阅读(55) 评论(0) 推荐(0) 编辑
摘要:​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文
posted @ 2021-11-16 17:55 潜水的章鱼 阅读(30) 评论(0) 推荐(0) 编辑
摘要:​ 如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文
posted @ 2021-11-16 17:12 潜水的章鱼 阅读(130) 评论(0) 推荐(0) 编辑
摘要:​ tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。 umeditor+粘贴word图片 – 泽优软件博客 以vue为例说明: 将tinymce下载后放到st 阅读全文
posted @ 2021-11-16 16:19 潜水的章鱼 阅读(49) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2021-11-16 14:48 潜水的章鱼 阅读(98) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2021-11-16 13:44 潜水的章鱼 阅读(88) 评论(0) 推荐(0) 编辑
摘要:​ Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一 阅读全文
posted @ 2021-11-16 11:57 潜水的章鱼 阅读(70) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2021-11-16 10:41 潜水的章鱼 阅读(135) 评论(0) 推荐(0) 编辑
摘要:​ 项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的 编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单 下载tinymce n 阅读全文
posted @ 2021-11-16 09:54 潜水的章鱼 阅读(135) 评论(0) 推荐(0) 编辑
摘要:​ 1 背景 用户本地有一份txt或者csv文件,无论是从业务数据库导出、还是其他途径获取,当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候,首先要将本地文件上传至ODPS,普通的小文件通过浏览器上传至服务器,做一层中转便可以实现,但当这份文件非常大到了10GB级别,我们就需要思考另 阅读全文
posted @ 2021-11-15 17:54 潜水的章鱼 阅读(59) 评论(0) 推荐(0) 编辑
摘要:​ 前言:因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传,而自己对java文件上传这一块未接触过,且对 Http 协议较模糊,故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Http协议原理简介 HTTP是一个属于应用层的面向对象的协议,由于其简 阅读全文
posted @ 2021-11-15 16:43 潜水的章鱼 阅读(2055) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2021-11-15 15:49 潜水的章鱼 阅读(46) 评论(0) 推荐(0) 编辑
摘要:​ 4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在 阅读全文
posted @ 2021-11-15 15:11 潜水的章鱼 阅读(44) 评论(0) 推荐(0) 编辑
摘要:​ 需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify 阅读全文
posted @ 2021-11-15 13:57 潜水的章鱼 阅读(79) 评论(0) 推荐(0) 编辑
摘要:​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na 阅读全文
posted @ 2021-11-15 12:01 潜水的章鱼 阅读(102) 评论(0) 推荐(0) 编辑
摘要:​ PHP用超级全局变量数组$_FILES来记录文件上传相关信息的。 1.file_uploads=on/off 是否允许通过http方式上传文件 2.max_execution_time=30 允许脚本最大执行时间,超过这个时间就会报错 3.memory_limit=50M 设置脚本可以分配的最大 阅读全文
posted @ 2021-11-15 11:00 潜水的章鱼 阅读(166) 评论(0) 推荐(0) 编辑
摘要:​ 一、 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传; 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹 阅读全文
posted @ 2021-11-15 09:46 潜水的章鱼 阅读(36) 评论(0) 推荐(0) 编辑
摘要:​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文
posted @ 2021-11-12 17:55 潜水的章鱼 阅读(58) 评论(0) 推荐(0) 编辑
摘要:​ 如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文
posted @ 2021-11-12 16:30 潜水的章鱼 阅读(430) 评论(0) 推荐(0) 编辑
摘要:​ tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。 umeditor+粘贴word图片 – 泽优软件博客 以vue为例说明: 将tinymce下载后放到st 阅读全文
posted @ 2021-11-12 15:45 潜水的章鱼 阅读(171) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2021-11-12 15:03 潜水的章鱼 阅读(39) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2021-11-12 14:19 潜水的章鱼 阅读(126) 评论(0) 推荐(0) 编辑
摘要:​ Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一 阅读全文
posted @ 2021-11-12 12:03 潜水的章鱼 阅读(63) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2021-11-12 11:16 潜水的章鱼 阅读(43) 评论(0) 推荐(0) 编辑
摘要:​ 项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的 编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单 下载tinymce n 阅读全文
posted @ 2021-11-12 10:17 潜水的章鱼 阅读(86) 评论(0) 推荐(0) 编辑
摘要:​ 1、介绍enctype enctype 属性规定发送到服务器之前应该如何对表单数据进行编码。 enctype作用是告知服务器请求正文的MIME类型(请求消息头content-type的作用一样) 1、1 enctype的取值有三种 值 描述 application/x-www-form-urle 阅读全文
posted @ 2021-11-11 17:16 潜水的章鱼 阅读(89) 评论(0) 推荐(0) 编辑
摘要:​ 最近遇见一个需要上传超大大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的 阅读全文
posted @ 2021-11-11 16:28 潜水的章鱼 阅读(623) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 这次项目的需求: 支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启 阅读全文
posted @ 2021-11-11 14:54 潜水的章鱼 阅读(760) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2021-11-11 14:36 潜水的章鱼 阅读(80) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素: 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da 阅读全文
posted @ 2021-11-11 12:01 潜水的章鱼 阅读(86) 评论(0) 推荐(0) 编辑
摘要:​ 4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在 阅读全文
posted @ 2021-11-11 11:06 潜水的章鱼 阅读(247) 评论(0) 推荐(0) 编辑
摘要:​ 一、 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传; 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹 阅读全文
posted @ 2021-11-11 10:17 潜水的章鱼 阅读(80) 评论(0) 推荐(0) 编辑
摘要:​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文
posted @ 2021-11-10 18:14 潜水的章鱼 阅读(48) 评论(0) 推荐(0) 编辑
摘要:​ 如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文
posted @ 2021-11-10 17:32 潜水的章鱼 阅读(36) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2021-11-10 15:53 潜水的章鱼 阅读(68) 评论(0) 推荐(0) 编辑
摘要:​ tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。 umeditor+粘贴word图片 – 泽优软件博客 以vue为例说明: 将tinymce下载后放到st 阅读全文
posted @ 2021-11-10 15:04 潜水的章鱼 阅读(31) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2021-11-10 13:55 潜水的章鱼 阅读(76) 评论(0) 推荐(0) 编辑
摘要:​ Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一 阅读全文
posted @ 2021-11-10 11:59 潜水的章鱼 阅读(412) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2021-11-10 10:55 潜水的章鱼 阅读(192) 评论(0) 推荐(0) 编辑
摘要:​ 项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的 编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单 下载tinymce n 阅读全文
posted @ 2021-11-10 10:18 潜水的章鱼 阅读(94) 评论(0) 推荐(0) 编辑
摘要:​ 1 背景 用户本地有一份txt或者csv文件,无论是从业务数据库导出、还是其他途径获取,当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候,首先要将本地文件上传至ODPS,普通的小文件通过浏览器上传至服务器,做一层中转便可以实现,但当这份文件非常大到了10GB级别,我们就需要思考另 阅读全文
posted @ 2021-11-09 17:35 潜水的章鱼 阅读(55) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2021-11-09 16:55 潜水的章鱼 阅读(38) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素: 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da 阅读全文
posted @ 2021-11-09 16:19 潜水的章鱼 阅读(150) 评论(0) 推荐(0) 编辑
摘要:​ 需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify 阅读全文
posted @ 2021-11-09 15:45 潜水的章鱼 阅读(91) 评论(0) 推荐(0) 编辑
摘要:​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na 阅读全文
posted @ 2021-11-09 15:00 潜水的章鱼 阅读(111) 评论(0) 推荐(0) 编辑
摘要:​ 4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在 阅读全文
posted @ 2021-11-09 11:55 潜水的章鱼 阅读(83) 评论(0) 推荐(0) 编辑
摘要:​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R 阅读全文
posted @ 2021-11-09 11:07 潜水的章鱼 阅读(110) 评论(0) 推荐(0) 编辑
摘要:​ 一、 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传; 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹 阅读全文
posted @ 2021-11-09 09:52 潜水的章鱼 阅读(780) 评论(0) 推荐(0) 编辑
摘要:​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文
posted @ 2021-11-08 18:01 潜水的章鱼 阅读(39) 评论(0) 推荐(0) 编辑
摘要:​ 如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文
posted @ 2021-11-08 17:16 潜水的章鱼 阅读(244) 评论(0) 推荐(0) 编辑
摘要:​ tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。 umeditor+粘贴word图片 – 泽优软件博客 以vue为例说明: 将tinymce下载后放到st 阅读全文
posted @ 2021-11-08 16:03 潜水的章鱼 阅读(254) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2021-11-08 15:31 潜水的章鱼 阅读(312) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2021-11-08 13:53 潜水的章鱼 阅读(312) 评论(0) 推荐(0) 编辑
摘要:​ Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一 阅读全文
posted @ 2021-11-08 11:59 潜水的章鱼 阅读(329) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2021-11-08 11:11 潜水的章鱼 阅读(695) 评论(0) 推荐(0) 编辑
摘要:​ 项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的 编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单 下载tinymce n 阅读全文
posted @ 2021-11-08 09:51 潜水的章鱼 阅读(119) 评论(0) 推荐(0) 编辑
摘要:​ 文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员Remy Sharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: * iframe上传 * ajax上传 * 进度 阅读全文
posted @ 2021-11-05 18:00 潜水的章鱼 阅读(118) 评论(0) 推荐(0) 编辑
摘要:​ 这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数 下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得出来,实体类中已经有很多我们需要的功能了,还有实用的属性。如MD5秒传的信息。 public c 阅读全文
posted @ 2021-11-05 16:45 潜水的章鱼 阅读(63) 评论(0) 推荐(0) 编辑
摘要:​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na 阅读全文
posted @ 2021-11-05 15:01 潜水的章鱼 阅读(48) 评论(0) 推荐(0) 编辑
摘要:​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl 阅读全文
posted @ 2021-11-05 14:01 潜水的章鱼 阅读(71) 评论(0) 推荐(0) 编辑
摘要:​ 一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range 用于请求头中, 阅读全文
posted @ 2021-11-05 11:55 潜水的章鱼 阅读(173) 评论(0) 推荐(0) 编辑
摘要:​ 4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在 阅读全文
posted @ 2021-11-05 10:52 潜水的章鱼 阅读(285) 评论(0) 推荐(0) 编辑
摘要:​ 需求: 支持大文件批量上传(20G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验; 内网百兆网络上传速度为12MB/S 服务器内存占用低 支持文件夹上传,文件夹中的文件数量达到1万个以上,且包含层级结构。 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批 阅读全文
posted @ 2021-11-05 09:50 潜水的章鱼 阅读(609) 评论(0) 推荐(0) 编辑
摘要:​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文
posted @ 2021-11-04 18:06 潜水的章鱼 阅读(195) 评论(0) 推荐(0) 编辑
摘要:​ 如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文
posted @ 2021-11-04 16:31 潜水的章鱼 阅读(66) 评论(0) 推荐(0) 编辑
摘要:​ tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。 umeditor+粘贴word图片 – 泽优软件博客 以vue为例说明: 将tinymce下载后放到st 阅读全文
posted @ 2021-11-04 14:56 潜水的章鱼 阅读(202) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2021-11-04 14:03 潜水的章鱼 阅读(252) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2021-11-04 12:02 潜水的章鱼 阅读(221) 评论(0) 推荐(0) 编辑
摘要:​ Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一 阅读全文
posted @ 2021-11-04 11:14 潜水的章鱼 阅读(120) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2021-11-04 10:30 潜水的章鱼 阅读(293) 评论(0) 推荐(0) 编辑
摘要:​ 这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数 下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得出来,实体类中已经有很多我们需要的功能了,还有实用的属性。如MD5秒传的信息。 public c 阅读全文
posted @ 2021-11-03 18:02 潜水的章鱼 阅读(48) 评论(0) 推荐(0) 编辑
摘要:​ 总结一下大文件分片上传和断点续传的问题。因为文件过大(比如1G以上),必须要考虑上传过程网络中断的情况。http的网络请求中本身就已经具备了分片上传功能,当传输的文件比较大时,http协议自动会将文件切片(分块),但这不是我们现在说的重点,我们要做的事是保证在网络中断后1G的文件已上传的那部分在 阅读全文
posted @ 2021-11-03 17:01 潜水的章鱼 阅读(152) 评论(0) 推荐(0) 编辑
摘要:​ 1 背景 用户本地有一份txt或者csv文件,无论是从业务数据库导出、还是其他途径获取,当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候,首先要将本地文件上传至ODPS,普通的小文件通过浏览器上传至服务器,做一层中转便可以实现,但当这份文件非常大到了10GB级别,我们就需要思考另 阅读全文
posted @ 2021-11-03 16:09 潜水的章鱼 阅读(324) 评论(0) 推荐(0) 编辑
摘要:​ 第一点:Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt 阅读全文
posted @ 2021-11-03 15:04 潜水的章鱼 阅读(131) 评论(0) 推荐(0) 编辑
摘要:​ 1、介绍enctype enctype 属性规定发送到服务器之前应该如何对表单数据进行编码。 enctype作用是告知服务器请求正文的MIME类型(请求消息头content-type的作用一样) 1、1 enctype的取值有三种 值 描述 application/x-www-form-urle 阅读全文
posted @ 2021-11-03 14:04 潜水的章鱼 阅读(105) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2021-11-03 11:59 潜水的章鱼 阅读(282) 评论(0) 推荐(0) 编辑
摘要:​ 文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员Remy Sharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: * iframe上传 * ajax上传 * 进度 阅读全文
posted @ 2021-11-03 10:53 潜水的章鱼 阅读(84) 评论(0) 推荐(0) 编辑
摘要:​ 一、 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传; 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹 阅读全文
posted @ 2021-11-03 09:44 潜水的章鱼 阅读(121) 评论(0) 推荐(0) 编辑
摘要:​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文
posted @ 2021-11-02 17:40 潜水的章鱼 阅读(66) 评论(0) 推荐(0) 编辑
摘要:​ 如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional 阅读全文
posted @ 2021-11-02 16:06 潜水的章鱼 阅读(104) 评论(0) 推荐(0) 编辑
摘要:​ tinymce是很优秀的一款富文本编辑器,可以去官网下载。https://www.tiny.cloud 这里分享的是它官网的一个收费插件powerpaste的旧版本源码,但也不影响功能使用。 umeditor+粘贴word图片 – 泽优软件博客 以vue为例说明: 将tinymce下载后放到st 阅读全文
posted @ 2021-11-02 15:02 潜水的章鱼 阅读(72) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2021-11-02 13:50 潜水的章鱼 阅读(150) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2021-11-02 11:57 潜水的章鱼 阅读(149) 评论(0) 推荐(0) 编辑
摘要:​ Chrome+IE默认支持粘贴剪切板中的图片,但是我要发布的文章存在word里面,图片多达数十张,我总不能一张一张复制吧? Chrome高版本提供了可以将单张图片转换在BASE64字符串的功能。但是无法处理多张图片。而且转换成BASE64后是作为内容一起提交给服务器,不能够将图片单独保存在另外一 阅读全文
posted @ 2021-11-02 11:12 潜水的章鱼 阅读(166) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2021-11-02 09:42 潜水的章鱼 阅读(49) 评论(0) 推荐(0) 编辑
摘要:​ 在Web应用系统开发中,文件上传和下载功能是非常常用的功能,今天来讲一下JavaWeb中的文件上传和下载功能的实现。 先说下要求: PC端全平台支持,要求支持Windows,Mac,Linux 支持所有浏览器。 支持文件批量上传 支持文件夹上传,且要求在服务端保留层级结构。文件夹数量要求支持到1 阅读全文
posted @ 2021-11-01 18:00 潜水的章鱼 阅读(198) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 这次项目的需求: 支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启 阅读全文
posted @ 2021-11-01 16:39 潜水的章鱼 阅读(68) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2021-11-01 15:05 潜水的章鱼 阅读(222) 评论(0) 推荐(0) 编辑
摘要:​ 需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify 阅读全文
posted @ 2021-11-01 14:23 潜水的章鱼 阅读(120) 评论(0) 推荐(0) 编辑
摘要:​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na 阅读全文
posted @ 2021-11-01 11:56 潜水的章鱼 阅读(31) 评论(0) 推荐(0) 编辑
摘要:​ 由于项目需要上传文件到服务器,于是便在文件上传的基础上增加了拖拽上传。拖拽上传当然属于文件上传的一部分,只不过在文件上传的基础上增加了拖拽的界面,主要在于前台的交互, 拖拽上传区域--> class="dropBox_wrap"> <div id="dropbox" class="drop"> 阅读全文
posted @ 2021-11-01 10:51 潜水的章鱼 阅读(64) 评论(0) 推荐(0) 编辑
摘要:​ 一、 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传; 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹 阅读全文
posted @ 2021-11-01 09:41 潜水的章鱼 阅读(88) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示