java(SSM)上传文件到七牛云（对象存储）
项目中会用到大量的图片和小视频，为了分担服务器压力，将文件都放在七牛云。这里的思路很简单，
就是移动端、pc端把文件上传到服务器，服务器做一个临时缓存，保存必要的信息到数据库后，
将文件上传到七牛云，最后删除服务器的缓存。当然，也可以直接让移动端、pc端把文件上传到七牛云，
七牛云在返回信息给服务器，这种方法虽然更佳，但是敲起代码来有点麻烦，复杂。
首先我们得到七牛云官网创建属于自己的空间
实名认证最后有大内存
登陆官网申请账号，然后建立对象储存空间Bucket 。
作为练习建立公开空间即可
若建立私有的将采取支付宝授权，授权后受到如下邮件信息
之后进入建立的空间则能看见相关信息
前期的准备工作大致就完成了。
本文章以Maven为Demo
在pom.xml中我们需要引入SDK
<!-- 七牛云 -->
<dependency>
<groupId>com.qiniu</groupId>
<artifactId>qiniu-java-sdk</artifactId>
<version>7.1.1</version>
</dependency>
然后我们创建一个七牛云工具类
package com.dz147.Util; import com.qiniu.common.QiniuException;
import com.qiniu.http.Response;
import com.qiniu.storage.UploadManager;
import com.qiniu.util.Auth; import java.io.IOException; public class QiniuUtil {
//设置需要操作的账号的AK和SK
private static final String ACCESS_KEY = "";
private static final String SECRET_KEY = ""; //要上传的空间
private static final String bucketname = "picturestorage"; //密钥
private static final Auth auth = Auth.create(ACCESS_KEY, SECRET_KEY); //普通上传
public void upload(String filePath, String fileName) throws IOException {
//创建上传对象
UploadManager uploadManager = new UploadManager();
try {
//调用put方法上传
Response res = uploadManager.put(filePath, fileName, auth.uploadToken(bucketname));
//打印返回的信息
System.out.println(res.bodyString());
} catch (QiniuException e) {
Response r = e.response;
// 请求失败时打印的异常的信息
//System.out.println(r.toString());
try {
//响应的文本信息
System.out.println(r.bodyString());
} catch (QiniuException e1) {
//ignore
}
}
}
}
查看密匙
使用是这么一个思路首先前端我们传一个文件到后台（以添加图片为例）
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
</style>
</head>
<body>
<form method="post" enctype="multipart/form-data">
选择要上传的文件：<br/>
<input type="file" name="file" id="myFile"/><span></span>
</form>
<div id="bar">
上传进度:
<progress id="pro" value="0"></progress>
</div>
<input type="button" id="upLoadSub" value="上传"/>
<div>
<img src="" alt="GG" id="myImg" width="200" height="160"/>
</div> </body>
<script src="../js/jquery.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script> var myFile = document.getElementById("myFile");
//绑定事件(ECMAScript6写法)
myFile.addEventListener("change", () => {
var file = myFile.files[0];
//预览图片函数
previewWithObjectURL(file);
})
//点击->图片上传 //axios轻量级 ajax API
$("#upLoadSub").on("click", function () {
var myFile = document.getElementById("myFile");
var formData = new FormData();
formData.append("file", myFile.files[0]);
axios({
method: 'post',
url: '/addQiniu',
data: formData
}).then(function (response) {
console.log(response.data);
}).catch(console.error);
}); //简单的图片预览建议使用第一种方式
//URL方式（第一种方式）src = blob:http://localhost:8080/f720711f-57e2-428f-8a47-ec59e5dbbc10
function previewWithObjectURL(file) {
var url = URL.createObjectURL(file);
var reader = new FileReader();
reader.readAsDataURL(file);
//请求完成后,显示图片
reader.onloadend = function (event) {
document.getElementById("myImg").src = url;
}
//上传过程中动态显示进度条
reader.onprogress = function (event) {
if (event.lengthComputable) {
document.getElementById("pro").value = event.loaded / event.total;
}
}
}
</script>
</html>
先把文件添加到image目录里
添加到后台服务器得到文件资源再往七牛云添加。
//Controller部分
@RequestMapping(value = "/addQiniu", method = RequestMethod.POST, produces = "application/json;charset=utf-8;")
public @ResponseBody
String qiniuyunAdd(MultipartFile file, Model model, HttpServletRequest request) {
String realPath = request.getServletContext().getRealPath(File.separator + "imges");
String qiniuPath = "";
try {
//上传文件方法返回重命名，文件名称
String s = excels.upLoadImg(file, realPath);
//添加成功后的绝对路径
String thisPath = realPath + File.separator + s;
//组合七牛云外链(七牛云生成域名+保存的文件KEY)
qiniuPath = "http://pjv3h15g0.bkt.clouddn.com/" + s;
QiniuUtil qiniuUtil = new QiniuUtil();
//添加到七牛云
qiniuUtil.upload(thisPath, s);
System.out.println(s + ",项目文件路径:" + thisPath + "，七牛云存储路径：" + qiniuPath);
File file1 = new File(thisPath);
if (file1.isFile()) {
//删除服务器图片
file1.delete();
}
} catch (IOException e) {
e.printStackTrace();
}
return qiniuPath;
}
服务器添加图片的相关API
@Override
public String upLoadImg(MultipartFile file, String path) throws IOException {
ArrayList<String> strings = new ArrayList<>();
if (file.isEmpty()) {
strings.add("请选择文件！");
}
//得到文件的类型
String fileType = file.getContentType();
//第一种方式Arrays.asList("image/jpeg","image/png")
if (!fileType.contains("image/")) {
strings.add("只允许上传图片！");
}
//只允许上传的图片小于5MB
log.info(file.getSize());
if (file.getSize() > 1024 * 1024 * 1024 * 5) {
strings.add("只允许上传5M的图片！");
}
String fileName = ""; String[] formatName = getFormatName(file.getOriginalFilename());
file.transferTo(new File(path + File.separator + formatName[0] + formatName[1] + formatName[2]));
//得到图片的相对路径
fileName = formatName[0] + formatName[1] + formatName[2]; if (strings.size() > 0) {
fileName = "";
fileName = strings.get(0);
}
return fileName;
} public String[] getFormatName(String fileName) {
//设置日期格式yyyy-MM-dd
SimpleDateFormat df = new SimpleDateFormat("_yyyyMMddHHmmss");
// new Date()为获取当前系统时间
String now = df.format(new Date());
//获得文件名去掉后缀
String prefix = fileName.substring(0, fileName.lastIndexOf("."));
//得到文件后缀带.
String postfix = fileName.substring(fileName.lastIndexOf("."));
return new String[]{prefix, now, postfix};
}
结合自身需求的总结
java(SSM)上传文件到七牛云（对象存储）的更多相关文章
- 使用python3.7+Vue.js2.0+Django2.0.4异步前端通过api上传文件到七牛云云端存储
原文转载自「刘悦的技术博客」https://v3u.cn/a_id_130 之前一篇文章是通过普通js+tornado来上传七牛云:使用Tornado配合七牛云存储api来异步切分上传文件,本次使用v ...
- SpringSpringBoot上传文件到七牛云
准备工作 maven pom.xml添加七牛云的sdk依赖 <dependency> <groupId>com.qiniu</groupId> <artifa ...
- 利用ThinkPHP自带的七牛云驱动上传文件到七牛云以及删除七牛云文件方法
一.准备工作 1.注册七牛云账号 2.选择对象储存->创建空间->设置为公开 3.在config配置文件中添加以下代码 'UPLOAD_FILE_QINIU' => array ( ...
- RN 上传文件到以及上传文件到七牛云（初步）
本文将介绍: 如何使用原生 Javascript 上传文件 如何使用七牛云 SDK 上传文件到七牛云 在 App 中文件上传是一个非常重要的需求,但是翻遍 React Naitve 的官方文档没有发现 ...
- 使用Qiniu-JavaScript-SDK上传文件至七牛云存储
一.Qiniu-JavaScript-SDK介绍 基于 JS-SDK 可以方便的从浏览器端上传文件至七牛云存储,并对上传成功后的图片进行丰富的数据处理操作. JS-SDK 兼容支持 H5 File A ...
- Laravel-admin 七牛云上传文件到七牛云出现卡顿失败情况
由于所做项目需要管理后台众多,所以选择了Laravel-admin后台框架进行开发.节省了权限控制以及页面处理等问题的时间 Laravel-admin文档地址 http://laravel-admin ...
- c++使用http协议上传文件到七牛云服务器
使用c++ http协议上传文件到七牛服务器时,比较搞的一点就是header的设置: "Content-Type:multipart/form-data;boundary=xxx" ...
- laravel上传文件到七牛云存储
背景 最近在用PHP和laravel框架做一个图片网站,需要将图片存贮到云端,搜索下了对比了下功能,发现七牛云存储不错(主要小流量免费),便选择使用七牛作为图片存储空间. 要实现的功能很简单,选择本地 ...
- 记一次上传文件到七牛云存储的经历（Plupload & UEditor）（.net）
七牛 配置ACCESS_KEY和SECRET_KEY Qiniu.Conf.Config.ACCESS_KEY = "ACCESS_KEY"; Qiniu.Conf.Config. ...
随机推荐
- mysqll中索引详细讲解
MySQL(五) MySQL中的索引详讲 序言 之前写到MySQL对表的增删改查(查询最为重要)后,就感觉MySQL就差不多学完了,没有想继续学下去的心态了,原因可能是由于别人的影响,觉得对于My ...
- xml树结构
概念:XML 指可扩展标记语言(eXtensible Markup Language). XML 被设计用来传输和存储数据.经常被用来作为配置文件使用. XML 使用DTD(document t ...
- Python 基础知识 (1) 持续更新
(1)数字和表达式 当进入Python交互式的时候,Python就可以直接当成计算机使用 如 >>> 2 + 2 4 但是 当 1个整数 和 另外一个整数 相除的时候,计算的结果,只 ...
- bzoj1711[USACO07OPEN]吃饭Dining
题意 有F种食物和D种饮料,每种食物或饮料只能供一头牛享用,且每头牛只享用一种食物和一种饮料.现在有n头牛,每头牛都有自己喜欢的食物种类列表和饮料种类列表,问最多能使几头牛同时享用到自己喜欢的食物和饮 ...
- 使用Future、asyncio处理并发
并发的意义 为了高效处理网络I/O,需要使用并发,因为网络有很高的延迟,所以为了不浪费CPU周期去等待,最好在收到网络响应之前做些其他的事. 在I/O密集型应用中,如果代码写得正确,那么不管是用哪种并 ...
- apply, bind, call--绑定this的方法
Function.prototype.call(),Function.prototype.apply(),Function.prototype.bind() 是三种改变函数内部this指向(即函数执行 ...
- 用CSS实现梯形图标
遇到需要实现如下图标 由图形分析,梯形,平行四边形等都可以由矩形变形而来. 而想要实现梯形,需要进行3D变换,需要使用css3的 perspective属性. 属性 perspective指定了观察者 ...
- pyqt5的简单进度条程序
# -*- coding: utf-8 -*- # @Author : FELIX # @Date : 2018/5/17 16:43 from PyQt5.QtCore import QBasicT ...
- 阿里云Ubuntu安装LNMP环境之PHP7
在QQ群很多朋友问阿里云服务器怎么安装LNMP环境,怎么把项目放到服务器上面去,在这里,我就从头开始教大家怎么在阿里云服务器安装LNMP环境. 在这之前,我们先要知道什么是LNMP. L: 表示的是L ...
- ios端，input框，汉字输入不上问题
input{ -webkit-transform: translate3d(, , ); } 在input框上加上这段代码就可以了 另外,我在一个页面上,用一个开关去控制一部分内容显示隐藏与显示时,当 ...