位置: IT常识 - 正文

前端上传文件夹或文件至后端(SpringBoot)(前端上传文件夹怎么操作)

编辑:rootadmin
前端上传文件夹或文件至后端(SpringBoot) 前端

推荐整理分享前端上传文件夹或文件至后端(SpringBoot)(前端上传文件夹怎么操作),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:前端上传文件到服务器端,前端上传文件获取文件路径,前端实现文件夹上传,前端上传文件夹是什么,前端上传文件夹,获取文件夹内容,前端上传文件夹怎么操作,前端上传文件夹怎么弄,前端上传文件夹,获取文件夹内容,内容如对您有帮助,希望把文章链接给更多的朋友!

前端上传文件夹使用的是input标签的file属性,最重要的是webkitdirectory这个属性,有了这个属性之后input才可以选择文件夹,但也只能选择文件夹了。 在webkitdirectory的官方文档里有对该属性的说明。

<input type="file" id="folder" name="file" webkitdirectory multiple />前端上传文件夹或文件至后端(SpringBoot)(前端上传文件夹怎么操作)

我们可以在这基础上做延伸,做一个表单来上传文件夹:

<form action="#" method="POST" enctype="multipart/form-data"><input id="folder" type="file" name="file" webkitdirectory/><input type="submit" value="上传文件夹"/></form>

form要加上enctype=“multipart/form-data”,method用的是POST,action写的是后端上传方法的接口,例如:http://localhost:8080/file/upload

效果是这样的 有点简陋,但不碍事。

后端

前端把文件夹传给后端后,后端该怎么接收呢?

@PostMapping("/qnupload") public String qiniuUpload(HttpServletRequest request) throws IOException { MultipartHttpServletRequest params = ((MultipartHttpServletRequest) request); List<MultipartFile> files = params.getFiles("file"); for (int i=0; i < files.size();i++) { kodeUploadServiceImpl.uploadFiles(files.get(i)); System.out.println("success:" + files.get(i)); } return "complete"; }

HttpServletRequest接收,然后将request转型为MultipartHttpServletRequest,再通过getFiles方法获得List,我们就可以对List做遍历来处理每个文件了。

最后,如果想上传文件的话就要在开个form表单,去掉webkitdirectory属性就好了,再加个multiple属性就可以多选了,因为理论上用了webkitdirectory属性就不能选择文件了,但是嗷,我把项目放服务器上测试的时候,室友用ipad打开网站后上传了个图片文件成功了,具体原因我也没搞懂。

本文链接地址:https://www.jiuchutong.com/zhishi/297348.html 转载请保留说明!

上一篇:【Python】Python寻找多维数组(numpy.array)中最大值的位置(行和列)(python中的查找函数)

下一篇:Google Colab 上部署 Stable Diffusion Web UI(googlelabs)

  • cpu的主要性能指标是(cpu的主要性能指标是主频和字长)

    cpu的主要性能指标是(cpu的主要性能指标是主频和字长)

  • 火山申请5分钟的长视频的方法(火山官方认证申请公函下载)

    火山申请5分钟的长视频的方法(火山官方认证申请公函下载)

  • 苹果手机怎么排列桌面图标(苹果手机怎么排列照片顺序)

    苹果手机怎么排列桌面图标(苹果手机怎么排列照片顺序)

  • 没有营业执照怎么开通抖音小店(没有营业执照怎么在地图上添加位置)

    没有营业执照怎么开通抖音小店(没有营业执照怎么在地图上添加位置)

  • 魅族手机移动数据自动打开(魅族手机移动数据标志变灰色)

    魅族手机移动数据自动打开(魅族手机移动数据标志变灰色)

  • 微信可以屏幕共享吗(微信可以屏幕共享吗给别人看)

    微信可以屏幕共享吗(微信可以屏幕共享吗给别人看)

  • 百度输入法皮肤设置是什么(百度输入法皮肤编辑器手机版)

    百度输入法皮肤设置是什么(百度输入法皮肤编辑器手机版)

  • 腾讯会议直播上课老师可以看见学生吗(腾讯会议直播上课能看到学生吗)

    腾讯会议直播上课老师可以看见学生吗(腾讯会议直播上课能看到学生吗)

  • 换过屏幕的手机以后会出现什么问题(换过屏幕的手机好用吗)

    换过屏幕的手机以后会出现什么问题(换过屏幕的手机好用吗)

  • 逐帧动画和补间动画的区别(逐帧动画和补间动画的说法正确的是)

    逐帧动画和补间动画的区别(逐帧动画和补间动画的说法正确的是)

  • 微信红包限制200如何提高(微信红包限制多长时间能恢复)

    微信红包限制200如何提高(微信红包限制多长时间能恢复)

  • 闪存盘是u盘吗(闪存盘啥意思)

    闪存盘是u盘吗(闪存盘啥意思)

  • 怎么把手机图标变大(怎么把手机图标调小一点)

    怎么把手机图标变大(怎么把手机图标调小一点)

  • 有网为什么微信发不过去(有网为什么微信无法连接)

    有网为什么微信发不过去(有网为什么微信无法连接)

  • 苹果手机移动信号无服务怎么回事(苹果手机移动信号弱怎么回事)

    苹果手机移动信号无服务怎么回事(苹果手机移动信号弱怎么回事)

  • 手机淘宝怎么查订单(手机淘宝怎么查历史价格)

    手机淘宝怎么查订单(手机淘宝怎么查历史价格)

  • 苹果x关机了闹钟还会响吗(苹果x关机了闹钟会响吗)

    苹果x关机了闹钟还会响吗(苹果x关机了闹钟会响吗)

  • word2010邮件合并是指(word2010邮件合并功能可适用于制作)

    word2010邮件合并是指(word2010邮件合并功能可适用于制作)

  • 抖音怎样不显示学校(抖音怎样不显示粉丝灯牌)

    抖音怎样不显示学校(抖音怎样不显示粉丝灯牌)

  • vivo手机散热功能在哪里(vivo手机散热功能在哪里设置)

    vivo手机散热功能在哪里(vivo手机散热功能在哪里设置)

  • vivo手机怎么永久不锁屏(vivo手机怎么永不灭屏)

    vivo手机怎么永久不锁屏(vivo手机怎么永不灭屏)

  • qq音乐可以同时登陆几个

    qq音乐可以同时登陆几个

  • iphonex屏幕校准怎么弄(iphonexs校准屏幕)

    iphonex屏幕校准怎么弄(iphonexs校准屏幕)

  • 合种树退出对方知道吗(合种的树怎么退出)

    合种树退出对方知道吗(合种的树怎么退出)

  • iphone授权在哪里打开(iphone授权app在哪里)

    iphone授权在哪里打开(iphone授权app在哪里)

  • 小米闹钟怎么连接wifi(小米闹钟怎么连接手机热点)

    小米闹钟怎么连接wifi(小米闹钟怎么连接手机热点)

  • 无线网可以连上但是上不了网(无线网可以连上但是用不了)

    无线网可以连上但是上不了网(无线网可以连上但是用不了)

  • 复习 - node.js(接口案例)(nodejs基础知识)

    复习 - node.js(接口案例)(nodejs基础知识)

  • 增值税出口退税款缴纳企业所得税吗
  • 国税税务登记号查询
  • 六大行业房产税土地使用税减免
  • 出票后定期付款的汇票是什么意思
  • 4s店代办保险回扣
  • 电子税务局财务报表在哪里查询
  • 申报个税大病医疗如何申报
  • 什么情况下征税
  • 商业企业销售的产品
  • 安置残疾人就业税收优惠政策
  • 公司收到银行承兑汇票会计分录
  • 出口免税进项税额转出会计分录
  • 计提残疾人保障金的基数是什么
  • 企业在建工程如何做账
  • 给企业供货都有哪些渠道
  • 营改增后如何纳税
  • 增值税专用发票电子版
  • 通过检查人力资源
  • 注册资金印花税是资金账簿吗
  • 股票红利税如何征收
  • 建筑企业能申请小微企业吗
  • 税收筹划的定义,有哪些筹划的方法
  • 运费发票没有开 怎么做到成本
  • 企业所得税预缴税款表怎么填
  • 不占股权投资如何做账
  • 往来款项分为哪两类
  • 零售行业折扣如何做账?
  • 劳务报酬的个税计算方法
  • mac怎么设置不自动开机
  • 苹果手机耳返功能怎么关闭
  • 预提费用支付是指什么
  • phpget方法
  • 会计凭证包括哪几种凭证
  • 单位房转卖
  • 长期借款业务会亏损吗
  • php安装及使用教程
  • [九]深度学习Pytorch-transforms图像增强(剪裁、翻转、旋转)
  • php禁用system用什么绕过
  • thinkphp5上传文件
  • c语言内嵌汇编
  • python3 yaml模块
  • 无发生额有没有对账单
  • 发票无法收回会计分录
  • 万元版和十万元版发票图片
  • 高铁票的电子发票
  • 发票已交税还可以作废吗
  • 专项资金支出明细表范文
  • 企业预提的费用计入什么科目
  • 加油费属于什么报销费用
  • 厂部管理人员的工资属于制造费用吗
  • 以前年度税费减免税
  • 残保金如何做账务处理
  • 公司购车按揭利率是多少
  • 企业所得税资产总额在哪里填列
  • 不动产固定资产的区别
  • 印花税自查补缴情况说明补以前年度
  • 待摊费用在新会计准则里面有吗
  • 留抵的进项税可以用多少年
  • 会计分录要怎么写
  • 零售商品购进的核算需要设置什么科目
  • sql server数据库恢复
  • win10下面任务栏
  • Mac安装不了iTunes
  • win10系统怎么设置电脑密码
  • ibm svc是什么意思
  • 怎么用win7兼容模式运行
  • win7thin
  • 无线和网络飞行模式
  • nodejs run
  • jquery库文件
  • jquery的validate前端表单验证
  • js左值
  • 安全的代码
  • javascript前端开发案例教程课后答案
  • jquery的each循环
  • 江苏省国家税务局
  • 环保税按次申报需要交滞纳金吗
  • 企业所得税季申报表
  • 依法纳税的看法
  • 东风小康和重庆金康
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设