摘要: ​ 我们平时经常做的是上传文件,上传文件夹与上传文件类似,但也有一些不同之处,这次做了上传文件夹就记录下以备后用。 首先我们需要了解的是上传文件三要素: 1.表单提交方式:post (get方式提交有大小限制,post没有) 2.表单的enctype属性:必须设置为multipart/form-da 阅读全文
posted @ 2023-02-22 17:54 潜水的章鱼 阅读(33) 评论(0) 推荐(0) 编辑
摘要: ​ 前言:因自己负责的项目(jetty内嵌启动的SpringMvc)中需要实现文件上传,而自己对java文件上传这一块未接触过,且对 Http 协议较模糊,故这次采用渐进的方式来学习文件上传的原理与实践。该博客重在实践。 一. Http协议原理简介 HTTP是一个属于应用层的面向对象的协议,由于其简 阅读全文
posted @ 2023-02-22 16:57 潜水的章鱼 阅读(112) 评论(0) 推荐(0) 编辑
摘要: ​ 关键部分 前端用file.slice()分块 前端用FileReader获取每一分块的md5值 后端用MultipartFile接受分块文件 后端用FileOutputStream拼装分块文件 话不多说,直接上代码,我想这是你们最喜欢的 工程截图 ​ 编辑 <%@ page language=" 阅读全文
posted @ 2023-02-22 16:10 潜水的章鱼 阅读(126) 评论(0) 推荐(0) 编辑
摘要: ​ 1、介绍enctype enctype 属性规定发送到服务器之前应该如何对表单数据进行编码。 enctype作用是告知服务器请求正文的MIME类型(请求消息头content-type的作用一样) 1、1 enctype的取值有三种 值 描述 application/x-www-form-urle 阅读全文
posted @ 2023-02-22 15:07 潜水的章鱼 阅读(113) 评论(0) 推荐(0) 编辑
摘要: ​ 核心原理: 该项目核心就是文件分块上传。前后端要高度配合,需要双方约定好一些数据,才能完成大文件分块,我们在项目中要重点解决的以下问题。 * 如何分片; * 如何合成一个文件; * 中断了从哪个分片开始。 如何分,利用强大的js库,来减轻我们的工作,市场上已经能有关于大文件分块的轮子,虽然程序员 阅读全文
posted @ 2023-02-22 14:00 潜水的章鱼 阅读(73) 评论(0) 推荐(0) 编辑
摘要: ​ HTML部分 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="index.aspx.cs" Inherits="up6.index" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 阅读全文
posted @ 2023-02-22 11:55 潜水的章鱼 阅读(41) 评论(0) 推荐(0) 编辑
摘要: ​ 以ASP.NET Core WebAPI 作后端 API ,用 Vue 构建前端页面,用 Axios 从前端访问后端 API ,包括文件的上传和下载。 准备文件上传的API #region 文件上传 可以带参数 [HttpPost("upload")] public JsonResult upl 阅读全文
posted @ 2023-02-22 11:04 潜水的章鱼 阅读(63) 评论(0) 推荐(0) 编辑