位置: 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)

  • 资产负债率高说明偿债能力怎么样
  • 企业销售不动产增值税税率
  • 房产税从价计征如何算
  • 预期信用损失率计算公式
  • 汽车年审属于什么费用
  • 购买土地契税和印花税什么时候交
  • 个人劳务所得税税率表最新2022
  • 残疾人士有哪些
  • 企业开办时间是什么意思
  • 结算备付金是流水账单吗
  • 银行卡收到养老金是什么意思
  • 公司注销固定资产清理需要开票吗
  • 应纳所得税额除以收入等于什么
  • 成品油消费税征税
  • 办税员身份怎么办理
  • 一般纳税人提供非学历教育可以简易计税吗
  • 小规模纳税人应纳税额的计算
  • 企业所得税预缴可以不交吗
  • 安装设备用的材料计入什么科目
  • 支付给经销商的装修款怎么入账
  • 结转完工产品成本的计算
  • 主体有哪些
  • 专票和普票都要交税吗
  • 餐费专用发票怎么抵扣
  • 新车车祸报废
  • 我的世界1.12.2优化下载
  • 视同销售货物服务无形资产
  • 应付账款收到票怎么做账
  • php stat
  • 常用的前端大屏软件
  • php数组怎么定义
  • Php实现邀请用户加入企业生成邀请链接
  • 其他营业账簿印花税减免政策
  • 猿创征文,宝藏工具篇
  • 万能的python
  • 金融机构贷款准备金
  • 不同情况不同处理的句子
  • ubuntu16安装教程
  • 一般纳税人申报表电子版
  • 预付款项为什么这么多
  • 企业的管理费用,财务费用和销售费用计不计成本呢
  • myeclipse配置数据库连接
  • 企业内部交易如何操作
  • 企业之间无偿使用资金涉税
  • 服装租赁费的税率是多少
  • 消费税的账务处理方法
  • 带有折扣的增值税专用发票图片
  • 帮别的公司付款后发票该给谁开
  • 银行代扣水电费发票到哪里打
  • 被代持股份的股东需要负责吗
  • 民非企业怎么给员工交五险
  • 发票勾选认证的时间限制是多久
  • 盈余公积的会计分录
  • 人工费的发票税率怎么算
  • 发票作废怎么写说明
  • 会计账簿的设计要与会计报表相衔接 ()X
  • 怎么用winxp的系统光盘启动
  • 在windowsxp中删除文件
  • win8无法安装其它软件
  • 限制root用户远程登录
  • win7电脑蓝牙图标怎么弄出来
  • cpqinet.exe是什么进程 安全吗 cpqinet进程安全性评估
  • linux创建个人主页
  • linux0.11文件系统
  • win8怎么清空电脑只剩系统
  • linux命令行在哪
  • [图文教程]Win10家庭版怎么快速升级到win10专业版?
  • linux命令使用方法
  • perl如何使用
  • shell脚本tr
  • angular中ui calendar的一些使用心得(推荐)
  • ssh自动输入密码登录
  • 批处理函数怎么定义
  • 狗刨教学视频分解动作视频
  • python 自定义类模块
  • 安卓手机管家
  • 纳税服务投诉整改报告
  • 东风小康和重庆金康
  • 南通地税电话号码
  • 2020年山东录取人数
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设