网站运营推广难做,常德网警,建立个人网页,网站建设肆金手指排名2一、需求分析
文件上传是一个非常常见的功能#xff0c;就是通过IO流将文件写到另外一个地方#xff0c;这个地方可以是项目下的某个文件夹里#xff0c;或者是本地电脑某个盘下面#xff0c;还可以是云服务OSS里面#xff0c;这里就是我要讲到的OSS#xff0c;我写的是…一、需求分析
文件上传是一个非常常见的功能就是通过IO流将文件写到另外一个地方这个地方可以是项目下的某个文件夹里或者是本地电脑某个盘下面还可以是云服务OSS里面这里就是我要讲到的OSS我写的是基于阿里云的。
二环境搭建
我这里是用的Springboot.Thymeleaf插件为了在html页面实现文件上传功能。
1、首先开通阿里云OSS存储这里不多说了。
2、创建一个Bucket 这个bucket名称是等下参数里面要用到的。区域可以选择你那边的区域。
3、创建好之后返回刚才的页面点击Access Key,来获取accessKeyId、accessKeySecret这两个参数 4、Maven依赖(Thymeleaf、OSS !-- 阿里云OSS--dependencygroupIdcom.aliyun.oss/groupIdartifactIdaliyun-sdk-oss/artifactIdversion2.4.0/version/dependencydependencygroupIdcommons-fileupload/groupIdartifactIdcommons-fileupload/artifactIdversion1.3.1/version/dependency5、新建一个UpLoadController.java
*** descibe oss*/
Controller
public class UpLoadController {private static final String TO_PATH upload;private static final String RETURN_PATH success;Autowiredprivate AliyunOSSUtil aliyunOSSUtil;RequestMapping(/toUpLoadFile)public String toUpLoadFile() {return TO_PATH;}/*** 文件上传*/RequestMapping(value /uploadFile)public String uploadBlog(RequestParam(file) MultipartFile file) {String filename file.getOriginalFilename();System.out.println(filename filename);try {if (file ! null) {if (!.equals(filename.trim())) {File newFile new File(filename);FileOutputStream os new FileOutputStream(newFile);os.write(file.getBytes());os.close();file.transferTo(newFile);// 上传到OSSString uploadUrl aliyunOSSUtil.upLoad(newFile);}}} catch (Exception ex) {ex.printStackTrace();}return RETURN_PATH;}
}6、新建AliyunOSSUtil.java
/*** descibe oss*/
Component
public class AliyunOSSUtil {private static final org.slf4j.Logger logger LoggerFactory.getLogger(AliyunOSSUtil.class);/*** 上传文件*/public String upLoad(File file) {logger.info(------OSS文件上传开始-------- file.getName());String endpoint 你的endpoint ; //这里endpoint 在你的bucket列表-点击你的bucket-点击概览中间就有下面有截图System.out.println(获取到的Point为: endpoint);String accessKeyId 你的accessKeyId ; //accessKeyId 、accessKeySecret 上面有说到哪里获取String accessKeySecret 你的accessKeySecret ;String bucketName 你的bucketName ; //刚才新建的bucket名称String fileHost 你的fileHost ; //在刚才新建的bucket下面新建一个目录这就是那个目录的名称SimpleDateFormat format new SimpleDateFormat(yyyy-MM-dd);String dateStr format.format(new Date());// 判断文件if (file null) {return null;}OSSClient client new OSSClient(endpoint, accessKeyId, accessKeySecret);try {// 判断容器是否存在,不存在就创建if (!client.doesBucketExist(bucketName)) {client.createBucket(bucketName);CreateBucketRequest createBucketRequest new CreateBucketRequest(bucketName);createBucketRequest.setCannedACL(CannedAccessControlList.PublicRead);client.createBucket(createBucketRequest);}// 设置文件路径和名称String fileUrl fileHost / (dateStr / UUID.randomUUID().toString().replace(-, ) - file.getName());// 上传文件PutObjectResult result client.putObject(new PutObjectRequest(bucketName, fileUrl, file));// 设置权限(公开读)client.setBucketAcl(bucketName, CannedAccessControlList.PublicRead);if (result ! null) {logger.info(------OSS文件上传成功------ https://makeromance.oss-cn-hangzhou.aliyuncs.com/ fileUrl);}} catch (OSSException oe) {logger.error(oe.getMessage());} catch (ClientException ce) {logger.error(ce.getErrorMessage());} finally {if (client ! null) {client.shutdown();}}return null;}
}获取endpoint: 7、新建upload.html
!DOCTYPE html
html xmlnshttp://www.w3.org/1999/xhtml xmlns:thhttp://www.thymeleaf.org
headmeta charsetUTF-8title【基于OSS的上传文件页面】/titlestyle typetext/css* {margin: 0;padding: 0;}#group {position: absolute;left: 580px;}#submit {position: absolute;top: 140px;left: 580px;}/style
/head
body
div aligncenterh2 stylecolor:orangered;基于OSS的上传文件页面/h2
/div
br/
form action/uploadFile enctypemultipart/form-data methodpostdiv classform-group idgrouplabel forexampleInputFileFile input/labelinput typefile idexampleInputFile namefile/divbutton typesubmit classbtn btn-default idsubmit上传/button
/form
/body
/htmlsuccess.html
!DOCTYPE html
html xmlnshttp://www.w3.org/1999/xhtml xmlns:thhttp://www.thymeleaf.org
headmeta charsetUTF-8title【文件上传成功页面】/title
/head
body
div aligncenterh5上传成功/h5img srchttps://makeromance.oss-cn-hangzhou.aliyuncs.com/langmanji/2020-05-27/3c7a040df2ad4f6ca5f6da47373c8773-xiazaierweima.jpg/
/div
/body
/html三、运行项目 选择一个文件点击上传 提示上传成功我们看下控制台 输出的是我们文件上传的路径然后我们看下我们阿里云OSS存储里面有没有数据 发现已经有了这就是一个SpringBoot基于阿里云OSS上传文件的例子。
