文件上传
关注
分享
扫一扫
酷爱编程的小猿同学
这个作者很懒，什么都没留下…
展开
-
EasyExcel实现导入导出Excel
EasyExcel实现导入导出Excel原创 2023-02-15 16:01:14 · 2587 阅读 · 0 评论 -
AWS S3 实现预签名上传
步骤： 1、前端上传文件，将要上传的文件名称传到后台 2、后台通过该文件名称生成预上传URL返回前端 3、前端请求该URL，并携带文件上传至S3 后端代码 /** * AWS预签名上传 * @return */ @GetMapping("/uploadFile") public Object generatePreSignedUrlAndUploadObject(String fileName){ Map<St.原创 2021-07-22 14:57:23 · 5215 阅读 · 0 评论 -
Spring Boot 实现图片上传功能（最全，亲测有效！）
今天用Spring boot编写一个文件上传功能，本来自信满满，觉得简单，实际做起来发现报各种错，百度上的好多解决办法都是复制粘贴，没一个靠谱的，经过我的东凑西补最终完美实现上传功能。 一、导入jar包 <dependency> <groupId>commons-fileupload</groupId> <artifactId>commons-fileupload</artifactI原创 2020-11-30 15:10:52 · 2739 阅读 · 0 评论 -
SpringBoot 实现文件上传、图片上传（最全上传功能）
SpringBoot +AjaxFileUpload.js 实现文件上传 AjaxFileUpload.js并不是一个很出名的插件，原理是创建隐藏的表单和iframe然后用JS去提交，获得返回值。 ajaxFileUpload是一个异步上传文件的jQuery插件 使用步骤： 前端代码： 一、先引入jQuery与ajaxFileUpload插件。注意先后顺序（自己到网上去下载ajaxFileUpload.js文件） <script type="text/javascript" src=".原创 2020-11-19 15:08:35 · 1615 阅读 · 0 评论 -
JS上传文件显示进度条
用户反馈：图片上传过程中，如果网络比较慢，会发现上传图片后没有一点反应，体验性很差 解决思路：通过XMLHttpRequest的progress来实现监听图片上传的进度，实时显示百分比，后台保存图片成功后再将图片转为Base64编码的字符串在前端显示出来，这样可以很大程度提高用户体验 需要达到的效果： 1、用户可以看到图片上传进度条百分比 2、提升图片回显速度（将图片转为Base64编码的字符串在前端显示） HTML代码: <!-- 上传input --> <input.原创 2020-07-09 16:38:48 · 2145 阅读 · 0 评论 -
JS图片上传实现先逻辑判断再弹出上传窗口
项目需求：需要先进行逻辑判断，如果满足条件则弹出上传窗口选择图片上传，否则不弹出上传窗口，提示alert("原因！")； 代码： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Demo</title> </head> <body> <div id="uploadFile"> <input type="file".原创 2020-06-01 15:45:40 · 912 阅读 · 0 评论