11 2022 档案

摘要:​ PHP用超级全局变量数组$_FILES来记录文件上传相关信息的。 1.file_uploads=on/off 是否允许通过http方式上传文件 2.max_execution_time=30 允许脚本最大执行时间,超过这个时间就会报错 3.memory_limit=50M 设置脚本可以分配的最大 阅读全文
posted @ 2022-11-30 18:15 潜水的章鱼 阅读(108) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1. 通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/U 阅读全文
posted @ 2022-11-30 17:07 潜水的章鱼 阅读(19) 评论(0) 推荐(0) 编辑
摘要:​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl 阅读全文
posted @ 2022-11-30 16:17 潜水的章鱼 阅读(15) 评论(0) 推荐(0) 编辑
摘要:​ 一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range 用于请求头中, 阅读全文
posted @ 2022-11-30 15:01 潜水的章鱼 阅读(16) 评论(0) 推荐(0) 编辑
摘要:​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na 阅读全文
posted @ 2022-11-30 14:01 潜水的章鱼 阅读(12) 评论(0) 推荐(0) 编辑
摘要:​ 这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数 下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得出来,实体类中已经有很多我们需要的功能了,还有实用的属性。如MD5秒传的信息。 public c 阅读全文
posted @ 2022-11-30 11:59 潜水的章鱼 阅读(43) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 这次项目的需求: 支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启 阅读全文
posted @ 2022-11-30 11:21 潜水的章鱼 阅读(237) 评论(0) 推荐(0) 编辑
摘要:​ 关键部分 前端用file.slice()分块 前端用FileReader获取每一分块的md5值 后端用MultipartFile接受分块文件 后端用FileOutputStream拼装分块文件 话不多说,直接上代码,我想这是你们最喜欢的 工程截图 ​ 编辑 <%@ page language=" 阅读全文
posted @ 2022-11-30 10:47 潜水的章鱼 阅读(70) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2022-11-29 18:12 潜水的章鱼 阅读(49) 评论(0) 推荐(0) 编辑
摘要:​ ueditor粘贴不能粘贴word中的图片是一个很头疼的问题,在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴,因为这个需求头疼了半个月,因为前端方面因为安全的原因是不允许访问本地文件的。 首先说一下,ueditor粘贴word图片的问题已经解决,但是不是纯web方法解 阅读全文
posted @ 2022-11-29 17:04 潜水的章鱼 阅读(47) 评论(0) 推荐(0) 编辑
摘要:​ 当前功能基于PHP,其它语言流程大抵相同。 大概流程: 1. 将docx文件上传到服务器中 2. 使用PHPoffice/PHPword实现将word转换为HTML 3. 将HTML代码返回并赋值到编辑器中 1 编辑器配置修改 1.1 新增上传word json配置 在ueditor\php\c 阅读全文
posted @ 2022-11-29 16:09 潜水的章鱼 阅读(108) 评论(0) 推荐(0) 编辑
摘要:​ 百度ueditor新增的将word内容导入到富文本编辑框的功能怎么没有啊,... ueditor实现word文档的导入和下载功能的方法:1、UEditor没有提供word的导入功能,只能说是粘贴复制。 2、方案:用poi来提供word导入,思路是将word转换为html输出,再用UEditor提 阅读全文
posted @ 2022-11-29 15:10 潜水的章鱼 阅读(103) 评论(0) 推荐(0) 编辑
摘要:​ 1.编辑器修改 (可选) 1.1在 ueditor/config.json 中添加代码块 /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "upfile", /* 提交的视 阅读全文
posted @ 2022-11-29 14:21 潜水的章鱼 阅读(39) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2022-11-29 11:58 潜水的章鱼 阅读(18) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2022-11-29 11:22 潜水的章鱼 阅读(41) 评论(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 @ 2022-11-29 10:32 潜水的章鱼 阅读(52) 评论(0) 推荐(0) 编辑
摘要:​ 最近遇见一个需要上传百兆大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的 阅读全文
posted @ 2022-11-28 18:09 潜水的章鱼 阅读(43) 评论(0) 推荐(0) 编辑
摘要:​ 4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在 阅读全文
posted @ 2022-11-28 17:24 潜水的章鱼 阅读(51) 评论(0) 推荐(0) 编辑
摘要:​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl 阅读全文
posted @ 2022-11-28 16:09 潜水的章鱼 阅读(77) 评论(0) 推荐(0) 编辑
摘要:​ 这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数 下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得出来,实体类中已经有很多我们需要的功能了,还有实用的属性。如MD5秒传的信息。 public c 阅读全文
posted @ 2022-11-28 15:13 潜水的章鱼 阅读(291) 评论(0) 推荐(0) 编辑
摘要:​ 前言 文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案 阅读全文
posted @ 2022-11-28 14:11 潜水的章鱼 阅读(269) 评论(0) 推荐(0) 编辑
摘要:​ WebUploader是由Baidu WebFE(FEX)团队开发的一个简单的以HTML5为主,FLASH为辅的现代文件上传组件。在现代的浏览器里面能充分发挥HTML5的优势,同时又不摒弃主流IE浏览器,沿用原来的FLASH运行时,兼容IE6+,iOS 6+, android 4+ 优点: 1, 阅读全文
posted @ 2022-11-28 11:59 潜水的章鱼 阅读(433) 评论(0) 推荐(0) 编辑
摘要:​ 前言 一、SpringMVC简介 1.1、SpringMVC引言 为了使Spring有可插入的MVC架构,SpringFrameWork在Spring基础上开发SpringMVC框架,从而在使用Spring进行WEB开发时可以选择使用Spring的SpringMVC框架作为web开发的控制器框架 阅读全文
posted @ 2022-11-28 11:26 潜水的章鱼 阅读(204) 评论(0) 推荐(0) 编辑
摘要:​ 前言 文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案 阅读全文
posted @ 2022-11-28 10:36 潜水的章鱼 阅读(297) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用,但是项目要求需要支持所有的浏览器,包括Windows和macOS系统。没有办法在网上搜了很多资料终于找到一个产品:WordPaster。 浏览器方面能够支持ie6,ie7, 阅读全文
posted @ 2022-11-25 17:55 潜水的章鱼 阅读(137) 评论(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 @ 2022-11-25 17:10 潜水的章鱼 阅读(19) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2022-11-25 16:08 潜水的章鱼 阅读(50) 评论(0) 推荐(0) 编辑
摘要:​ 1.编辑器修改 (可选) 1.1在 ueditor/config.json 中添加代码块 /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "upfile", /* 提交的视 阅读全文
posted @ 2022-11-25 15:03 潜水的章鱼 阅读(44) 评论(0) 推荐(0) 编辑
摘要:​ 百度ueditor新增的将word内容导入到富文本编辑框的功能怎么没有啊,... ueditor实现word文档的导入和下载功能的方法:1、UEditor没有提供word的导入功能,只能说是粘贴复制。 2、方案:用poi来提供word导入,思路是将word转换为html输出,再用UEditor提 阅读全文
posted @ 2022-11-25 14:20 潜水的章鱼 阅读(31) 评论(0) 推荐(0) 编辑
摘要:​ 当前功能基于PHP,其它语言流程大抵相同。 大概流程: 1. 将docx文件上传到服务器中 2. 使用PHPoffice/PHPword实现将word转换为HTML 3. 将HTML代码返回并赋值到编辑器中 1 编辑器配置修改 1.1 新增上传word json配置 在ueditor\php\c 阅读全文
posted @ 2022-11-25 11:57 潜水的章鱼 阅读(31) 评论(0) 推荐(0) 编辑
摘要:​ 当前功能基于PHP,其它语言流程大致相同 1.新增上传word json配置 在ueditor\php\config.json中新增如下配置: /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFi 阅读全文
posted @ 2022-11-25 11:02 潜水的章鱼 阅读(45) 评论(0) 推荐(0) 编辑
摘要:​ ueditor粘贴不能粘贴word中的图片是一个很头疼的问题,在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴,因为这个需求头疼了半个月,因为前端方面因为安全的原因是不允许访问本地文件的。 首先说一下,ueditor粘贴word图片的问题已经解决,但是不是纯web方法解 阅读全文
posted @ 2022-11-25 10:22 潜水的章鱼 阅读(55) 评论(0) 推荐(0) 编辑
摘要:​ 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传,本文主要介绍服务端实现文件上传的步骤及 阅读全文
posted @ 2022-11-24 18:00 潜水的章鱼 阅读(60) 评论(0) 推荐(0) 编辑
摘要:​ 4GB以上超大文件上传和断点续传服务器的实现 随着视频网站和大数据应用的普及,特别是高清视频和4K视频应用的到来,超大文件上传已经成为了日常的基础应用需求。 但是在很多情况下,平台运营方并没有大文件上传和断点续传的开发经验,往往在网上找一些简单的PHP或者Java程序来实现基本的上传功能,然而在 阅读全文
posted @ 2022-11-24 17:00 潜水的章鱼 阅读(32) 评论(0) 推荐(0) 编辑
摘要:​ 一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range 用于请求头中, 阅读全文
posted @ 2022-11-24 16:07 潜水的章鱼 阅读(23) 评论(0) 推荐(0) 编辑
摘要:​ 文件夹数据库处理逻辑 public class DbFolder { JSONObject root; public DbFolder() { this.root = new JSONObject(); this.root.put("f_id", ""); this.root.put("f_na 阅读全文
posted @ 2022-11-24 15:10 潜水的章鱼 阅读(14) 评论(0) 推荐(0) 编辑
摘要:​ 前言:因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传,而自己对java文件上传这一块未接触过,且对 Http 协议较模糊,故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Http协议原理简介 HTTP是一个属于应用层的面向对象的协议,由于其简 阅读全文
posted @ 2022-11-24 14:13 潜水的章鱼 阅读(62) 评论(0) 推荐(0) 编辑
摘要:​ HTML部分 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="up6.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 阅读全文
posted @ 2022-11-24 11:58 潜水的章鱼 阅读(16) 评论(0) 推荐(0) 编辑
摘要:​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl 阅读全文
posted @ 2022-11-24 11:15 潜水的章鱼 阅读(30) 评论(0) 推荐(0) 编辑
摘要:​ 前言 文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案 阅读全文
posted @ 2022-11-24 10:24 潜水的章鱼 阅读(74) 评论(0) 推荐(0) 编辑
摘要:​ ueditor粘贴不能粘贴word中的图片是一个很头疼的问题,在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴,因为这个需求头疼了半个月,因为前端方面因为安全的原因是不允许访问本地文件的。 首先说一下,ueditor粘贴word图片的问题已经解决,但是不是纯web方法解 阅读全文
posted @ 2022-11-23 17:58 潜水的章鱼 阅读(102) 评论(0) 推荐(0) 编辑
摘要:​ 当前功能基于PHP,其它语言流程大致相同 1.新增上传word json配置 在ueditor\php\config.json中新增如下配置: /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFi 阅读全文
posted @ 2022-11-23 17:08 潜水的章鱼 阅读(89) 评论(0) 推荐(0) 编辑
摘要:​ 百度ueditor新增的将word内容导入到富文本编辑框的功能怎么没有啊,... ueditor实现word文档的导入和下载功能的方法:1、UEditor没有提供word的导入功能,只能说是粘贴复制。 2、方案:用poi来提供word导入,思路是将word转换为html输出,再用UEditor提 阅读全文
posted @ 2022-11-23 16:12 潜水的章鱼 阅读(36) 评论(0) 推荐(0) 编辑
摘要:​ 1.编辑器修改 (可选) 1.1在 ueditor/config.json 中添加代码块 /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "upfile", /* 提交的视 阅读全文
posted @ 2022-11-23 15:01 潜水的章鱼 阅读(50) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2022-11-23 13:59 潜水的章鱼 阅读(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 @ 2022-11-23 11:59 潜水的章鱼 阅读(14) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2022-11-23 10:54 潜水的章鱼 阅读(25) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 这次项目的需求: 支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启 阅读全文
posted @ 2022-11-22 18:01 潜水的章鱼 阅读(16) 评论(0) 推荐(0) 编辑
摘要:​ 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传,本文主要介绍服务端实现文件上传的步骤及 阅读全文
posted @ 2022-11-22 17:28 潜水的章鱼 阅读(834) 评论(0) 推荐(0) 编辑
摘要:​ 1.创建SpringBoot项目 本项目采用springboot + mybatis-plus +jquery +thymeleaf组成 2.项目流程图 ​ 编辑 3.在pom中添加以下依赖 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 2 阅读全文
posted @ 2022-11-22 16:01 潜水的章鱼 阅读(414) 评论(0) 推荐(0) 编辑
摘要:​ 第一点:Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt 阅读全文
posted @ 2022-11-22 15:13 潜水的章鱼 阅读(170) 评论(0) 推荐(0) 编辑
摘要:​ 前言 一、SpringMVC简介 1.1、SpringMVC引言 为了使Spring有可插入的MVC架构,SpringFrameWork在Spring基础上开发SpringMVC框架,从而在使用Spring进行WEB开发时可以选择使用Spring的SpringMVC框架作为web开发的控制器框架 阅读全文
posted @ 2022-11-22 14:11 潜水的章鱼 阅读(338) 评论(0) 推荐(0) 编辑
摘要:​ 最近遇见一个需要上传百兆大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的 阅读全文
posted @ 2022-11-22 11:58 潜水的章鱼 阅读(84) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2022-11-22 11:13 潜水的章鱼 阅读(21) 评论(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 @ 2022-11-22 10:23 潜水的章鱼 阅读(14) 评论(0) 推荐(0) 编辑
摘要:​ 当前功能基于PHP,其它语言流程大致相同 1.新增上传word json配置 在ueditor\php\config.json中新增如下配置: /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFi 阅读全文
posted @ 2022-11-21 17:58 潜水的章鱼 阅读(26) 评论(0) 推荐(0) 编辑
摘要:​ 百度ueditor新增的将word内容导入到富文本编辑框的功能怎么没有啊,... ueditor实现word文档的导入和下载功能的方法:1、UEditor没有提供word的导入功能,只能说是粘贴复制。 2、方案:用poi来提供word导入,思路是将word转换为html输出,再用UEditor提 阅读全文
posted @ 2022-11-21 17:04 潜水的章鱼 阅读(28) 评论(0) 推荐(0) 编辑
摘要:​ 1.编辑器修改 (可选) 1.1在 ueditor/config.json 中添加代码块 /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "upfile", /* 提交的视 阅读全文
posted @ 2022-11-21 16:15 潜水的章鱼 阅读(20) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2022-11-21 14:59 潜水的章鱼 阅读(19) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2022-11-21 14:15 潜水的章鱼 阅读(16) 评论(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 @ 2022-11-21 12:00 潜水的章鱼 阅读(32) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2022-11-21 11:11 潜水的章鱼 阅读(15) 评论(0) 推荐(0) 编辑
摘要:​ 在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理,通过TheViper找到粘贴图片的方法。 其原理为一下步骤: 监听粘贴事件;【用于插入图片】 获取光标位置;【记录图片 阅读全文
posted @ 2022-11-21 10:18 潜水的章鱼 阅读(32) 评论(0) 推荐(0) 编辑
摘要:​ 设计由来 在实际的项目开发中常遇到超大附件上传的情况,有时候客户会上传GB大小的文件,如果按照普通的 MultipartFile方式来接收上传的文件,那么无疑会把服务器给干崩溃,更别说并发操作了。 于是笔者决定要写一个超大附件上传的方法,于是有此。 功能实现图 ​ 编辑 功能介绍 上传请求异步操 阅读全文
posted @ 2022-11-18 18:02 潜水的章鱼 阅读(1586) 评论(0) 推荐(0) 编辑
摘要:​ 对于大文件的处理,无论是用户端还是服务端,如果一次性进行读取发送、接收都是不可取,很容易导致内存问题。所以对于大文件上传,采用切块分段上传,从上传的效率来看,利用多线程并发上传能够达到最大效率。 本文是基于 springboot + vue 实现的文件上传,本文主要介绍服务端实现文件上传的步骤及 阅读全文
posted @ 2022-11-18 17:04 潜水的章鱼 阅读(482) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2022-11-18 16:23 潜水的章鱼 阅读(21) 评论(0) 推荐(0) 编辑
摘要:​ 第一点:Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt 阅读全文
posted @ 2022-11-18 15:05 潜水的章鱼 阅读(107) 评论(0) 推荐(0) 编辑
摘要:​ 前言 文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案 阅读全文
posted @ 2022-11-18 14:06 潜水的章鱼 阅读(253) 评论(0) 推荐(0) 编辑
摘要:​ 前言 文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案 阅读全文
posted @ 2022-11-18 12:02 潜水的章鱼 阅读(136) 评论(0) 推荐(0) 编辑
摘要:​ 一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range 用于请求头中, 阅读全文
posted @ 2022-11-18 11:04 潜水的章鱼 阅读(85) 评论(0) 推荐(0) 编辑
摘要:​ 最近遇见一个需要上传超大大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的 阅读全文
posted @ 2022-11-18 10:16 潜水的章鱼 阅读(237) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2022-11-17 18:02 潜水的章鱼 阅读(24) 评论(0) 推荐(0) 编辑
摘要:​ ueditor粘贴不能粘贴word中的图片是一个很头疼的问题,在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴,因为这个需求头疼了半个月,因为前端方面因为安全的原因是不允许访问本地文件的。 首先说一下,ueditor粘贴word图片的问题已经解决,但是不是纯web方法解 阅读全文
posted @ 2022-11-17 17:01 潜水的章鱼 阅读(36) 评论(0) 推荐(0) 编辑
摘要:​ 当前功能基于PHP,其它语言流程大致相同 1.新增上传word json配置 在ueditor\php\config.json中新增如下配置: /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFi 阅读全文
posted @ 2022-11-17 16:01 潜水的章鱼 阅读(59) 评论(0) 推荐(0) 编辑
摘要:​ 百度ueditor新增的将word内容导入到富文本编辑框的功能怎么没有啊,... ueditor实现word文档的导入和下载功能的方法:1、UEditor没有提供word的导入功能,只能说是粘贴复制。 2、方案:用poi来提供word导入,思路是将word转换为html输出,再用UEditor提 阅读全文
posted @ 2022-11-17 15:01 潜水的章鱼 阅读(22) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2022-11-17 13:59 潜水的章鱼 阅读(16) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2022-11-17 12:01 潜水的章鱼 阅读(21) 评论(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 @ 2022-11-17 11:13 潜水的章鱼 阅读(18) 评论(0) 推荐(0) 编辑
摘要:​ 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受, 阅读全文
posted @ 2022-11-17 10:35 潜水的章鱼 阅读(47) 评论(0) 推荐(0) 编辑
摘要:​ 总结一下大文件分片上传和断点续传的问题。因为文件过大(比如1G以上),必须要考虑上传过程网络中断的情况。http的网络请求中本身就已经具备了分片上传功能,当传输的文件比较大时,http协议自动会将文件切片(分块),但这不是我们现在说的重点,我们要做的事是保证在网络中断后1G的文件已上传的那部分在 阅读全文
posted @ 2022-11-16 18:01 潜水的章鱼 阅读(122) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 这次项目的需求: 支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启 阅读全文
posted @ 2022-11-16 17:11 潜水的章鱼 阅读(210) 评论(0) 推荐(0) 编辑
摘要:​ 前言 文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案 阅读全文
posted @ 2022-11-16 16:20 潜水的章鱼 阅读(253) 评论(0) 推荐(0) 编辑
摘要:​ 最近遇见一个需要上传百兆大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的 阅读全文
posted @ 2022-11-16 15:10 潜水的章鱼 阅读(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 @ 2022-11-16 14:06 潜水的章鱼 阅读(59) 评论(0) 推荐(0) 编辑
摘要:​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl 阅读全文
posted @ 2022-11-16 12:01 潜水的章鱼 阅读(44) 评论(0) 推荐(0) 编辑
摘要:​ IE的自带下载功能中没有断点续传功能,要实现断点续传功能,需要用到HTTP协议中鲜为人知的几个响应头和请求头。 一. 两个必要响应头Accept-Ranges、ETag 客户端每次提交下载请求时,服务端都要添加这两个响应头,以保证客户端和服务端将此下载识别为可以断点续传的下载: Accept-R 阅读全文
posted @ 2022-11-16 11:05 潜水的章鱼 阅读(323) 评论(0) 推荐(0) 编辑
摘要:如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d 阅读全文
posted @ 2022-11-15 18:05 潜水的章鱼 阅读(392) 评论(0) 推荐(0) 编辑
摘要:word图片转存,是指UEditor为了解决用户从word中复制了一篇图文混排的文章粘贴到编辑器之后,word文章中的图片数据无法显示在编辑器中,也无法提交到服务器上的问题而开发的一个操作简便的图片转存方案。 <b>复制word图文混排内容到UEditor,图片不能正常显示,会将图片转换成一个带链接 阅读全文
posted @ 2022-11-15 17:01 潜水的章鱼 阅读(108) 评论(0) 推荐(0) 编辑
摘要:​ 当前功能基于PHP,其它语言流程大致相同 1.新增上传word json配置 在ueditor\php\config.json中新增如下配置: /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFi 阅读全文
posted @ 2022-11-15 16:19 潜水的章鱼 阅读(380) 评论(0) 推荐(0) 编辑
摘要:ueditor粘贴不能粘贴word中的图片是一个很头疼的问题,在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴,因为这个需求头疼了半个月,因为前端方面因为安全的原因是不允许访问本地文件的。 首先说一下,ueditor粘贴word图片的问题已经解决,但是不是纯web方法解决的 阅读全文
posted @ 2022-11-15 15:20 潜水的章鱼 阅读(152) 评论(0) 推荐(0) 编辑
摘要:1.编辑器修改 (可选) 1.1在 ueditor/config.json 中添加代码块 /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "upfile", /* 提交的视频表 阅读全文
posted @ 2022-11-15 13:57 潜水的章鱼 阅读(382) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2022-11-15 11:55 潜水的章鱼 阅读(110) 评论(0) 推荐(0) 编辑
摘要:图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉 阅读全文
posted @ 2022-11-15 11:02 潜水的章鱼 阅读(116) 评论(0) 推荐(0) 编辑
摘要:如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d 阅读全文
posted @ 2022-11-15 10:23 潜水的章鱼 阅读(113) 评论(0) 推荐(0) 编辑
摘要:​ 前言 文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案 阅读全文
posted @ 2022-11-14 16:26 潜水的章鱼 阅读(1262) 评论(0) 推荐(0) 编辑
摘要:​ HTML部分 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="up6.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 阅读全文
posted @ 2022-11-14 15:14 潜水的章鱼 阅读(66) 评论(0) 推荐(0) 编辑
摘要:​ 核心原理: 该项目核心就是文件分块上传。前后端要高度配合,需要双方约定好一些数据,才能完成大文件分块,我们在项目中要重点解决的以下问题。 * 如何分片; * 如何合成一个文件; * 中断了从哪个分片开始。 如何分,利用强大的js库,来减轻我们的工作,市场上已经能有关于大文件分块的轮子,虽然程序员 阅读全文
posted @ 2022-11-14 14:17 潜水的章鱼 阅读(241) 评论(0) 推荐(0) 编辑
摘要:​ 1、介绍enctype enctype 属性规定发送到服务器之前应该如何对表单数据进行编码。 enctype作用是告知服务器请求正文的MIME类型(请求消息头content-type的作用一样) 1、1 enctype的取值有三种 值 描述 application/x-www-form-urle 阅读全文
posted @ 2022-11-14 13:26 潜水的章鱼 阅读(90) 评论(0) 推荐(0) 编辑
摘要:如何做到 ueditor批量上传word图片? 1、前端引用代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.d 阅读全文
posted @ 2022-11-11 18:00 潜水的章鱼 阅读(123) 评论(0) 推荐(0) 编辑
摘要:ueditor粘贴不能粘贴word中的图片是一个很头疼的问题,在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴,因为这个需求头疼了半个月,因为前端方面因为安全的原因是不允许访问本地文件的。 首先说一下,ueditor粘贴word图片的问题已经解决,但是不是纯web方法解决的 阅读全文
posted @ 2022-11-11 17:07 潜水的章鱼 阅读(92) 评论(0) 推荐(0) 编辑
摘要:​ 当前功能基于PHP,其它语言流程大致相同 1.新增上传word json配置 在ueditor\php\config.json中新增如下配置: /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFi 阅读全文
posted @ 2022-11-11 16:09 潜水的章鱼 阅读(417) 评论(0) 推荐(0) 编辑
摘要:​ 当前功能基于PHP,其它语言流程大抵相同。 大概流程: 1. 将docx文件上传到服务器中 2. 使用PHPoffice/PHPword实现将word转换为HTML 3. 将HTML代码返回并赋值到编辑器中 1 编辑器配置修改 1.1 新增上传word json配置 在ueditor\php\c 阅读全文
posted @ 2022-11-11 15:09 潜水的章鱼 阅读(2268) 评论(0) 推荐(0) 编辑
摘要:百度ueditor新增的将word内容导入到富文本编辑框的功能怎么没有啊,... ueditor实现word文档的导入和下载功能的方法:1、UEditor没有提供word的导入功能,只能说是粘贴复制。 2、方案:用poi来提供word导入,思路是将word转换为html输出,再用UEditor提供的 阅读全文
posted @ 2022-11-11 14:31 潜水的章鱼 阅读(103) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2022-11-11 12:00 潜水的章鱼 阅读(64) 评论(0) 推荐(0) 编辑
摘要:图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码目前限chrome浏览器使用首先以um-editor的二进制流保存为例:打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方法,注释掉 阅读全文
posted @ 2022-11-11 11:10 潜水的章鱼 阅读(51) 评论(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 @ 2022-11-11 10:26 潜水的章鱼 阅读(157) 评论(0) 推荐(0) 编辑
摘要:​ 1,项目调研 因为需要研究下断点上传的问题。找了很久终于找到一个比较好的项目。 在GoogleCode上面,代码弄下来超级不方便,还是配置hosts才好,把代码重新上传到了github上面。 https://github.com/freewebsys/java-large-file-upload 阅读全文
posted @ 2022-11-10 18:05 潜水的章鱼 阅读(77) 评论(0) 推荐(0) 编辑
摘要:​ 前言 Web Uploader百度插件的使用:Web Uploader是一个高效的文件上传组件 一、具体使用 1.引入库 使用Web Uploader文件上传需要引入三种资源:JS, CSS, SWF。 ​ 编辑 2.前端代码 ​ 编辑 3.初始化 从前端代码可以看出上传文件为一个span文本, 阅读全文
posted @ 2022-11-10 17:06 潜水的章鱼 阅读(145) 评论(0) 推荐(0) 编辑
摘要:​ 这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数 下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得出来,实体类中已经有很多我们需要的功能了,还有实用的属性。如MD5秒传的信息。 public c 阅读全文
posted @ 2022-11-10 16:09 潜水的章鱼 阅读(78) 评论(0) 推荐(0) 编辑
摘要:​ 前言 文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案 阅读全文
posted @ 2022-11-10 15:05 潜水的章鱼 阅读(273) 评论(0) 推荐(0) 编辑
摘要:​ 前言:因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传,而自己对java文件上传这一块未接触过,且对 Http 协议较模糊,故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Http协议原理简介 HTTP是一个属于应用层的面向对象的协议,由于其简 阅读全文
posted @ 2022-11-10 14:12 潜水的章鱼 阅读(162) 评论(0) 推荐(0) 编辑
摘要:​ 1 背景 用户本地有一份txt或者csv文件,无论是从业务数据库导出、还是其他途径获取,当需要使用蚂蚁的大数据分析工具进行数据加工、挖掘和共创应用的时候,首先要将本地文件上传至ODPS,普通的小文件通过浏览器上传至服务器,做一层中转便可以实现,但当这份文件非常大到了10GB级别,我们就需要思考另 阅读全文
posted @ 2022-11-10 11:57 潜水的章鱼 阅读(87) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1.通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/Up 阅读全文
posted @ 2022-11-10 11:09 潜水的章鱼 阅读(41) 评论(0) 推荐(0) 编辑
摘要:​ 最近遇见一个需要上传百兆大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的 阅读全文
posted @ 2022-11-10 10:21 潜水的章鱼 阅读(51) 评论(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 @ 2022-11-09 18:06 潜水的章鱼 阅读(108) 评论(0) 推荐(0) 编辑
摘要:​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文
posted @ 2022-11-09 17:05 潜水的章鱼 阅读(159) 评论(0) 推荐(0) 编辑
摘要:​ 当前功能基于PHP,其它语言流程大抵相同。 大概流程: 1. 将docx文件上传到服务器中 2. 使用PHPoffice/PHPword实现将word转换为HTML 3. 将HTML代码返回并赋值到编辑器中 1 编辑器配置修改 1.1 新增上传word json配置 在ueditor\php\c 阅读全文
posted @ 2022-11-09 16:01 潜水的章鱼 阅读(78) 评论(0) 推荐(0) 编辑
摘要:​ 1.编辑器修改 (可选) 1.1在 ueditor/config.json 中添加代码块 /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "upfile", /* 提交的视 阅读全文
posted @ 2022-11-09 15:03 潜水的章鱼 阅读(163) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2022-11-09 14:09 潜水的章鱼 阅读(95) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2022-11-09 12:01 潜水的章鱼 阅读(263) 评论(0) 推荐(0) 编辑
摘要:​ 在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理,通过TheViper找到粘贴图片的方法。 其原理为一下步骤: 监听粘贴事件;【用于插入图片】 获取光标位置;【记录图片 阅读全文
posted @ 2022-11-09 11:12 潜水的章鱼 阅读(88) 评论(0) 推荐(0) 编辑
摘要:​ 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受, 阅读全文
posted @ 2022-11-09 10:23 潜水的章鱼 阅读(270) 评论(0) 推荐(0) 编辑
摘要:​ 文件上传是最古老的互联网操作之一,20多年来几乎没有怎么变化,还是操作麻烦、缺乏交互、用户体验差。 一、前端代码 英国程序员Remy Sharp总结了这些新的接口 ,本文在他的基础之上,讨论在前端采用HTML5的API,对文件上传进行渐进式增强: * iframe上传 * ajax上传 * 进度 阅读全文
posted @ 2022-11-08 18:01 潜水的章鱼 阅读(49) 评论(0) 推荐(0) 编辑
摘要:​ 这里只写后端的代码,基本的思想就是,前端将文件分片,然后每次访问上传接口的时候,向后端传入参数:当前为第几块文件,和分片总数 下面直接贴代码吧,一些难懂的我大部分都加上注释了: 上传文件实体类: 看得出来,实体类中已经有很多我们需要的功能了,还有实用的属性。如MD5秒传的信息。 public c 阅读全文
posted @ 2022-11-08 17:05 潜水的章鱼 阅读(134) 评论(0) 推荐(0) 编辑
摘要:​ 前言 文件上传是一个老生常谈的话题了,在文件相对比较小的情况下,可以直接把文件转化为字节流上传到服务器,但在文件比较大的情况下,用普通的方式进行上传,这可不是一个好的办法,毕竟很少有人会忍受,当文件上传到一半中断后,继续上传却只能重头开始上传,这种让人不爽的体验。那有没有比较好的上传体验呢,答案 阅读全文
posted @ 2022-11-08 16:14 潜水的章鱼 阅读(191) 评论(0) 推荐(0) 编辑
摘要:​ 需求:项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500M内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以501M来进行限制。 第一步: 前端修改 由于项目使用的是BJUI前端框架,并没有使用框架本身的文件上传控件,而使用的基于jQuery的Uploadify 阅读全文
posted @ 2022-11-08 14:59 潜水的章鱼 阅读(134) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1. 通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/U 阅读全文
posted @ 2022-11-08 14:04 潜水的章鱼 阅读(99) 评论(0) 推荐(0) 编辑
摘要:​ 最近遇见一个需要上传百兆大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的 阅读全文
posted @ 2022-11-08 11:57 潜水的章鱼 阅读(351) 评论(0) 推荐(0) 编辑
摘要:​ 需求: 项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500G内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以500G来进行限制。 PC端全平台支持,要求支持Windows,Mac,Linux 支持所有浏览器。 支持文件批量上传 支持文件夹上传,且要求在服务端保 阅读全文
posted @ 2022-11-08 11:08 潜水的章鱼 阅读(109) 评论(0) 推荐(0) 编辑
摘要:​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl 阅读全文
posted @ 2022-11-08 10:22 潜水的章鱼 阅读(35) 评论(0) 推荐(0) 编辑
摘要:​ ueditor粘贴不能粘贴word中的图片是一个很头疼的问题,在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴,因为这个需求头疼了半个月,因为前端方面因为安全的原因是不允许访问本地文件的。 首先说一下,ueditor粘贴word图片的问题已经解决,但是不是纯web方法解 阅读全文
posted @ 2022-11-07 17:59 潜水的章鱼 阅读(135) 评论(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 @ 2022-11-07 17:08 潜水的章鱼 阅读(127) 评论(0) 推荐(0) 编辑
摘要:​ 当前功能基于PHP,其它语言流程大致相同 1.新增上传word json配置 在ueditor\php\config.json中新增如下配置: /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFi 阅读全文
posted @ 2022-11-07 16:15 潜水的章鱼 阅读(265) 评论(0) 推荐(0) 编辑
摘要:​ 1.编辑器修改 (可选) 1.1在 ueditor/config.json 中添加代码块 /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "upfile", /* 提交的视 阅读全文
posted @ 2022-11-07 14:57 潜水的章鱼 阅读(313) 评论(0) 推荐(0) 编辑
摘要:​ 这种方法是servlet,编写好在web.xml里配置servlet-class和servlet-mapping即可使用 后台(服务端)java服务代码:(上传至ROOT/lqxcPics文件夹下) <%@ page language="java" import="java.util.*" pa 阅读全文
posted @ 2022-11-07 14:01 潜水的章鱼 阅读(722) 评论(0) 推荐(0) 编辑
摘要:​ 由于工作需要必须将word文档内容粘贴到编辑器中使用 但发现word中的图片粘贴后变成了file:///xxxx.jpg这种内容,如果上传到服务器后其他人也访问不了,网上找了很多编辑器发现没有一个能直接解决这个问题 考虑到自己除了工作其他时间基本上不使用windows,因此打算使用nodejs来 阅读全文
posted @ 2022-11-07 11:58 潜水的章鱼 阅读(43) 评论(0) 推荐(0) 编辑
摘要:​ 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受, 阅读全文
posted @ 2022-11-07 11:31 潜水的章鱼 阅读(175) 评论(0) 推荐(0) 编辑
摘要:​ 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受, 阅读全文
posted @ 2022-11-07 10:12 潜水的章鱼 阅读(74) 评论(0) 推荐(0) 编辑
摘要:​ PHP用超级全局变量数组$_FILES来记录文件上传相关信息的。 1.file_uploads=on/off 是否允许通过http方式上传文件 2.max_execution_time=30 允许脚本最大执行时间,超过这个时间就会报错 3.memory_limit=50M 设置脚本可以分配的最大 阅读全文
posted @ 2022-11-04 18:00 潜水的章鱼 阅读(26) 评论(0) 推荐(0) 编辑
摘要:​ HTML部分 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="up6.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 阅读全文
posted @ 2022-11-04 17:01 潜水的章鱼 阅读(128) 评论(0) 推荐(0) 编辑
摘要:​ 1,项目调研 因为需要研究下断点上传的问题。找了很久终于找到一个比较好的项目。 在GoogleCode上面,代码弄下来超级不方便,还是配置hosts才好,把代码重新上传到了github上面。 https://github.com/freewebsys/java-large-file-upload 阅读全文
posted @ 2022-11-04 16:03 潜水的章鱼 阅读(278) 评论(0) 推荐(0) 编辑
摘要:​ 关键部分 前端用file.slice()分块 前端用FileReader获取每一分块的md5值 后端用MultipartFile接受分块文件 后端用FileOutputStream拼装分块文件 话不多说,直接上代码,我想这是你们最喜欢的 工程截图 ​ 编辑 <%@ page language=" 阅读全文
posted @ 2022-11-04 15:05 潜水的章鱼 阅读(86) 评论(0) 推荐(0) 编辑
摘要:​ 第一点:Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt 阅读全文
posted @ 2022-11-04 14:02 潜水的章鱼 阅读(27) 评论(0) 推荐(0) 编辑
摘要:​ 总结一下大文件分片上传和断点续传的问题。因为文件过大(比如1G以上),必须要考虑上传过程网络中断的情况。http的网络请求中本身就已经具备了分片上传功能,当传输的文件比较大时,http协议自动会将文件切片(分块),但这不是我们现在说的重点,我们要做的事是保证在网络中断后1G的文件已上传的那部分在 阅读全文
posted @ 2022-11-04 11:55 潜水的章鱼 阅读(576) 评论(0) 推荐(0) 编辑
摘要:​ 官方网站:泽优文档助手 产品交流群: ​ 扫码加群: ​ 1.进入文章列表页面,点击需要转载的文章标题 ​ 2.选择文章内容,右键点击复制按钮,自动复制文章内容 ​ 3.登陆博客园,发布文章 ​ 4.将文章内容粘贴过来即可,图片也将自动发布到博客中,不再需要一张张手动上传图片。 ​ ​ 阅读全文
posted @ 2022-11-04 11:34 潜水的章鱼 阅读(200) 评论(0) 推荐(0) 编辑
摘要:​ 官方网站:泽优文档助手 产品交流群: ​ 扫码加群: ​ 1.将微信公众号文章粘贴到编辑器中 粘贴后的图片显示不允许引用的提示,这里不用管。 ​ 2.点击自动上传微信公众号图片按钮 ​ 3.图片会自动上传到平台中 助手工具会自动将文档中的图片全部批量上传到服务器中 ​ 4.上传成功后的效果 您现 阅读全文
posted @ 2022-11-04 11:33 潜水的章鱼 阅读(253) 评论(0) 推荐(0) 编辑
摘要:​ 官方网站:泽优文档助手 产品交流群: ​ 扫码加群: ​ 1.进入文章列表页面,点击需要转载的文章标题 ​ 2.选中文章内容,右键点击复制 ​ 3.打开365编辑器, 365微信编辑器_微信公众号文章一键排版,微信图文美化,在线内容编辑工具-365编辑器,微梦传媒 4.点击粘贴,或者使用Ctrl 阅读全文
posted @ 2022-11-04 11:31 潜水的章鱼 阅读(328) 评论(0) 推荐(0) 编辑
摘要:​ 官方网站:泽优文档助手 产品交流群: ​ 扫码加群: ​ 1.进入文章列表页面,点击需要转载的文章标题 ​ 2.选中文章内容,右键点击复制 ​ 3.打开媒介盒子,选择文章发布 媒介盒子-账号注册 ​ 4.点击粘贴,或者使用Ctrl+V,可以看到图片已经粘贴过来了。 ​ ​ 阅读全文
posted @ 2022-11-04 11:30 潜水的章鱼 阅读(107) 评论(0) 推荐(0) 编辑
摘要:​ 官方网站:泽优文档助手 产品交流群: ​ 扫码加群: ​ 1.进入文章列表页面,点击需要转载的文章标题 ​ 2.选中文章内容,右键点击复制 ​ 3.登陆CSDN博客,选择写博客 ​ 选择富文本编辑器 ​ 4.点击粘贴,或者使用Ctrl+V,可以看到图片已经粘贴过来了。 ​ 发布后的效果,图片能够 阅读全文
posted @ 2022-11-04 11:29 潜水的章鱼 阅读(82) 评论(0) 推荐(0) 编辑
摘要:​ 官方网站:泽优文档助手 产品交流群: ​ 扫码加群: ​ 1.进入文章列表页面,点击需要转载的文章标题 ​ 2.选中文章内容,右键点击复制 ​ 3.登陆网易LOFTER ​ 选择长文章 ​ 4.点击粘贴,或者使用Ctrl+V,可以看到图片已经粘贴过来了。 ​ 发布后的效果 ​ ​ 阅读全文
posted @ 2022-11-04 11:28 潜水的章鱼 阅读(650) 评论(0) 推荐(0) 编辑
摘要:​ 官方网站:泽优文档助手 产品交流群: ​ 扫码加群: ​ 1.进入文章列表页面,点击需要转载的文章标题 ​ 2.选中文章内容,右键点击复制 ​ 3.打开新浪博客地址,点击发博文进入发博文地址 ​ 4.点击粘贴,或者使用Ctrl+V,可以看到图片已经粘贴过来了。 ​ ​ 阅读全文
posted @ 2022-11-04 11:26 潜水的章鱼 阅读(390) 评论(0) 推荐(0) 编辑
摘要:​ 需求: 项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500G内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以500G来进行限制。 PC端全平台支持,要求支持Windows,Mac,Linux 支持所有浏览器。 支持文件批量上传 支持文件夹上传,且要求在服务端保 阅读全文
posted @ 2022-11-04 11:16 潜水的章鱼 阅读(77) 评论(0) 推荐(0) 编辑
摘要:​ 一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range 用于请求头中, 阅读全文
posted @ 2022-11-04 10:25 潜水的章鱼 阅读(129) 评论(0) 推荐(0) 编辑
摘要:​ 自动导入Word图片,或者粘贴Word内容时自动上传所有的图片,并且最终保留Word样式,这应该是Web编辑器里面最基本的一个需求功能了。一般情况下我们将Word内容粘贴到Web编辑器(富文本编辑器)中时,编辑器都无法自动上传图片。需要用户手动一张张上传Word图片。如果只有一张图片还能够接受, 阅读全文
posted @ 2022-11-03 18:06 潜水的章鱼 阅读(97) 评论(0) 推荐(0) 编辑
摘要:​ 在之前在工作中遇到在富文本编辑器中粘贴图片不能展示的问题,于是各种网上扒拉,终于找到解决方案,在这里感谢一下知乎中众大神以及TheViper。 通过知乎提供的思路找到粘贴的原理,通过TheViper找到粘贴图片的方法。 其原理为一下步骤: 监听粘贴事件;【用于插入图片】 获取光标位置;【记录图片 阅读全文
posted @ 2022-11-03 17:00 潜水的章鱼 阅读(86) 评论(0) 推荐(0) 编辑
摘要:​ 项目需求可发布文章 需求涉及到富文本编辑器 经过查阅我选择了较为简便 不需要后端支持可独立完成的tinymce框架 官方文档也是相当完整 虽然都是全英文 但是有强大的 谷歌~ 没问题的 编辑器,tinymce 不需要后端配合 只需要把最终编辑完的富文本传给后端就好 很简单 下载tinymce n 阅读全文
posted @ 2022-11-03 16:06 潜水的章鱼 阅读(134) 评论(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 @ 2022-11-03 15:04 潜水的章鱼 阅读(21) 评论(0) 推荐(0) 编辑
摘要:​ ueditor粘贴不能粘贴word中的图片是一个很头疼的问题,在我们的业务场景中客户要求必须使用ueditor并且支持word的图片粘贴,因为这个需求头疼了半个月,因为前端方面因为安全的原因是不允许访问本地文件的。 首先说一下,ueditor粘贴word图片的问题已经解决,但是不是纯web方法解 阅读全文
posted @ 2022-11-03 14:01 潜水的章鱼 阅读(89) 评论(0) 推荐(0) 编辑
摘要:​ 1.编辑器修改 (可选) 1.1在 ueditor/config.json 中添加代码块 /* 上传word配置 */ "wordActionName": "wordupload", /* 执行上传视频的action名称 */ "wordFieldName": "upfile", /* 提交的视 阅读全文
posted @ 2022-11-03 11:58 潜水的章鱼 阅读(44) 评论(0) 推荐(0) 编辑
摘要:​ 1.4.2之后官方并没有做功能的改动,1.4.2在word复制这块没有bug,其他版本会出现手动无法转存的情况 本文使用的后台是Java。前端为Jsp(前端都一样,后台如果语言不通得自己做 Base64编码解码) 因为公司业务需要支持IE8 ,网上其实有很多富文本框,效果都很好。 例如www.w 阅读全文
posted @ 2022-11-03 11:07 潜水的章鱼 阅读(75) 评论(0) 推荐(0) 编辑
摘要:​ 图片的复制无非有两种方法,一种是图片直接上传到服务器,另外一种转换成二进制流的base64码 目前限chrome浏览器使用 首先以um-editor的二进制流保存为例: 打开umeditor.js,找到UM.plugins['autoupload'],然后找到autoUploadHandler方 阅读全文
posted @ 2022-11-03 10:26 潜水的章鱼 阅读(19) 评论(0) 推荐(0) 编辑
摘要:​ 总结一下大文件分片上传和断点续传的问题。因为文件过大(比如1G以上),必须要考虑上传过程网络中断的情况。http的网络请求中本身就已经具备了分片上传功能,当传输的文件比较大时,http协议自动会将文件切片(分块),但这不是我们现在说的重点,我们要做的事是保证在网络中断后1G的文件已上传的那部分在 阅读全文
posted @ 2022-11-02 18:00 潜水的章鱼 阅读(70) 评论(0) 推荐(0) 编辑
摘要:​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 这次项目的需求: 支持大文件的上传和续传,要求续传支持所有浏览器,包括ie6,ie7,ie8,ie9,Chrome,Firefox,360安全浏览器,并且刷新浏览器后仍然能够续传,重启 阅读全文
posted @ 2022-11-02 17:01 潜水的章鱼 阅读(73) 评论(0) 推荐(0) 编辑
摘要:​ 一、 功能性需求与非功能性需求 要求操作便利,一次选择多个文件和文件夹进行上传; 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的批量下载,断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。 支持文件夹批量上传下载,服务器端保留文件夹层级结构,服务器端文件夹 阅读全文
posted @ 2022-11-02 16:00 潜水的章鱼 阅读(214) 评论(0) 推荐(0) 编辑
摘要:​ javaweb上传文件 上传文件的jsp中的部分 上传文件同样可以使用form表单向后端发请求,也可以使用 ajax向后端发请求 1. 通过form表单向后端发送请求 <form id="postForm" action="${pageContext.request.contextPath}/U 阅读全文
posted @ 2022-11-02 14:52 潜水的章鱼 阅读(111) 评论(0) 推荐(0) 编辑
摘要:​ 阿里云oss分片上传,一定要注意,当分片上传的时候,一般都是大文件,文件上传可能时间很长,一定要注意修改前端响应时间,如果配有网关,网关请求时间酌情修改,使用Nginx代理时,nginx.config 也要修改时间参数,例如 proxy_read_timeout 300;(秒,默认60s),同时 阅读全文
posted @ 2022-11-02 14:01 潜水的章鱼 阅读(1833) 评论(0) 推荐(0) 编辑
摘要:​ 分片上传 1.OSS依赖 com.aliyun.oss aliyun-sdk-oss 3.10.2 2.OSS官网提供的上传工具类 package com.xxx.shop.config; import com.aliyun.oss.OSS; import com.aliyun.oss.OSSC 阅读全文
posted @ 2022-11-02 11:54 潜水的章鱼 阅读(440) 评论(0) 推荐(0) 编辑
摘要:​ 一、基本介绍 1,什么是 WebUploader? WebUploader 是由百度公司团队开发的一个以 HTML5 为主,FLASH 为辅的现代文件上传组件。 官网地址:http://fex.baidu.com/webuploader/ JS - 文件上传组件WebUploader使用详解2( 阅读全文
posted @ 2022-11-02 11:16 潜水的章鱼 阅读(1175) 评论(0) 推荐(0) 编辑
摘要:​ 前言 Web Uploader百度插件的使用:Web Uploader是一个高效的文件上传组件,网址链接为:[Web Uploader百度插件(http://fex.baidu.com/webuploader/) 一、具体使用 1.引入库 使用Web Uploader文件上传需要引入三种资源:J 阅读全文
posted @ 2022-11-02 10:29 潜水的章鱼 阅读(1141) 评论(0) 推荐(0) 编辑
摘要:​ 需求: 项目要支持大文件上传功能,经过讨论,初步将文件上传大小控制在500G内,因此自己需要在项目中进行文件上传部分的调整和配置,自己将大小都以500G来进行限制。 PC端全平台支持,要求支持Windows,Mac,Linux 支持所有浏览器。 支持文件批量上传 支持文件夹上传,且要求在服务端保 阅读全文
posted @ 2022-11-01 17:59 潜水的章鱼 阅读(68) 评论(0) 推荐(0) 编辑
摘要:​ 最近遇见一个需要上传超大大文件的需求,调研了七牛和腾讯云的切片分段上传功能,因此在此整理前端大文件上传相关功能的实现。 在某些业务中,大文件上传是一个比较重要的交互场景,如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大,或者网络条件不好时,上传的时间会比较长(要传输更多的 阅读全文
posted @ 2022-11-01 16:58 潜水的章鱼 阅读(66) 评论(0) 推荐(0) 编辑
摘要:​ 总结一下大文件分片上传和断点续传的问题。因为文件过大(比如1G以上),必须要考虑上传过程网络中断的情况。http的网络请求中本身就已经具备了分片上传功能,当传输的文件比较大时,http协议自动会将文件切片(分块),但这不是我们现在说的重点,我们要做的事是保证在网络中断后1G的文件已上传的那部分在 阅读全文
posted @ 2022-11-01 16:00 潜水的章鱼 阅读(25) 评论(0) 推荐(0) 编辑
摘要:​ HTML部分 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="up6.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 阅读全文
posted @ 2022-11-01 14:51 潜水的章鱼 阅读(26) 评论(0) 推荐(0) 编辑
摘要:​ 前言:因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传,而自己对java文件上传这一块未接触过,且对 Http 协议较模糊,故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Http协议原理简介 HTTP是一个属于应用层的面向对象的协议,由于其简 阅读全文
posted @ 2022-11-01 13:47 潜水的章鱼 阅读(25) 评论(0) 推荐(0) 编辑
摘要:​ 关键部分 前端用file.slice()分块 前端用FileReader获取每一分块的md5值 后端用MultipartFile接受分块文件 后端用FileOutputStream拼装分块文件 话不多说,直接上代码,我想这是你们最喜欢的 工程截图 ​ 编辑 <%@ page language=" 阅读全文
posted @ 2022-11-01 12:00 潜水的章鱼 阅读(28) 评论(0) 推荐(0) 编辑
摘要:​ 需求: 支持大文件批量上传(500G)和下载,同时需要保证上传期间用户电脑不出现卡死等体验; 内网百兆网络上传速度为12MB/S 服务器内存占用低 支持文件夹上传,文件夹中的文件数量达到1万个以上,且包含层级结构。 支持PC端全平台操作系统,Windows,Linux,Mac 支持文件和文件夹的 阅读全文
posted @ 2022-11-01 10:58 潜水的章鱼 阅读(48) 评论(0) 推荐(0) 编辑

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