// 第一步 七牛云官網(wǎng)配置
1: 新建存空間
Paste_Image.png
Paste_Image.png
2: 查看accessKey/secretKey:打開(kāi)七牛云網(wǎng)站 , 登陸后在右上角 {個(gè)人面板 ---> 選擇個(gè)人中心--->密鑰管理}
Paste_Image.png
查看accessKey/secretKey
// 第二步 代碼上傳
① 七牛云配置
import com.google.gson.Gson;
import com.qiniu.common.QiniuException;
import com.qiniu.common.Zone;
import com.qiniu.http.Response;
import com.qiniu.storage.Configuration;
import com.qiniu.storage.UploadManager;
import com.qiniu.storage.model.DefaultPutRet;
import com.qiniu.util.Auth;
import org.apache.log4j.Logger;
import org.springframework.web.multipart.MultipartFile;
import java.io.ByteArrayInputStream;
import java.io.File;
import java.io.IOException;
import java.io.UnsupportedEncodingException;
import java.util.UUID;
/**
* @author 創(chuàng)建人:< Chenmq>
* @project 項(xiàng)目:<>
* @date 創(chuàng)建時(shí)間:< 2017/8/30>
* @comments: 說(shuō)明:< //七牛云圖片配置 >
*/
public class QiniuUtil {
private static final Logger logger = Logger.getLogger(QiniuUtil.class);
//設(shè)置好賬號(hào)的ACCESS_KEY和SECRET_KEY
final String ACCESS_KEY = "YOU_ACCESS_KEY";
final String SECRET_KEY = "YOU_SECRET_KEY";
//要上傳的空間
final String BUCKET_NAME = "創(chuàng)建的存儲(chǔ)空間名稱(chēng)";
/**
* 七牛云上傳圖片
* @param localFilePath
* @return
*/
public String uoloapQiniu (File localFilePath,String fileName){
//構(gòu)造一個(gè)帶指定Zone對(duì)象的配置類(lèi)
Configuration cfg;
cfg = new Configuration(Zone.zone0());
//...其他參數(shù)參考類(lèi)注釋
UploadManager uploadManager = new UploadManager(cfg);
//...生成上傳憑證疟呐，然后準(zhǔn)備上傳
String accessKey = ACCESS_KEY;
String secretKey = SECRET_KEY;
String bucket = BUCKET_NAME;
//如果是Windows情況下系奉，格式是 D:\23912475_130759767000_2.jpg
// String localFilePath = "D:\\23912475_130759767000_2.jpg";
// String localFilePath = "/home/qiniu/test.png";
//默認(rèn)不指定key的情況下丑孩，以文件內(nèi)容的hash值作為文件名
String key = "images/"+fileName+"?tId="+System.currentTimeMillis();
Auth auth = Auth.create(accessKey, secretKey);
String upToken = auth.uploadToken(bucket);
String result = null;
try {
Response response = uploadManager.put(localFilePath, key, upToken);
//解析上傳成功的結(jié)果
DefaultPutRet putRet = new Gson().fromJson(response.bodyString(), DefaultPutRet.class);
logger.info("{七牛圖片上傳key: "+ putRet.key+",七牛圖片上傳hash: "+ putRet.hash+"}");
result = "外鏈域名(如:image.domain.com)"+putRet.key;
} catch (QiniuException ex) {
Response r = ex.response;
System.err.println(r.toString());
try {
System.err.println(r.bodyString());
} catch (QiniuException ex2) {
//ignore
}
result = null;
}
return result;
}
}
② 文件上傳的service相關(guān)
import org.springframework.web.multipart.MultipartFile;
import java.util.List;
import java.util.Map;
/**
* @author 創(chuàng)建人:< Chenmq>
* @project 項(xiàng)目:<>
* @date 創(chuàng)建時(shí)間:< 2017/9/2>
* @comments: 說(shuō)明:< //TODO >
*/
public interface FileService {
/**
* 多文件上傳
* @param file
* @return
*/
Map<String, List<String>> uploadImgs(MultipartFile[] file);
}
③ service 實(shí)現(xiàn)
import com.data.core.utils.QiniuUtil;
import com.data.web.service.service.upload.FileService;
import org.apache.commons.lang3.StringUtils;
import org.apache.log4j.Logger;
import org.springframework.stereotype.Service;
import org.springframework.web.multipart.MultipartFile;
import java.io.*;
import java.util.HashMap;
import java.util.LinkedList;
import java.util.List;
import java.util.Map;
/**
* @author 創(chuàng)建人:< Chenmq>
* @project 項(xiàng)目:<chuangyin-data>
* @date 創(chuàng)建時(shí)間:< 2017/9/2>
* @comments: 說(shuō)明:< //文件上傳 >
*/
@Service
public class FileServiceImpl implements FileService {
private static final Logger logger = Logger.getLogger(FileServiceImpl.class);
/**
* 七牛云上傳圖片
* @param file
* @return
*/
@Override
public Map<String, List<String>> uploadImgs(MultipartFile[] file) {
Map<String, List<String>> resultMap = new HashMap<>();
List<String> list = new LinkedList<>();
String result = null;
for (int i = 0; i < file.length; i++) {
String fileName = file[i].getOriginalFilename();
// 創(chuàng)建一個(gè)臨時(shí)目錄文件
String tempFiles = "temp/"+fileName;
File dest = new File(tempFiles);
if (!dest.getParentFile().exists()) {
dest.getParentFile().mkdirs();
}
BufferedOutputStream out = null;
QiniuUtil qn = new QiniuUtil();
try {
out = new BufferedOutputStream(new FileOutputStream(dest));
out.write(file[i].getBytes());
result = qn.uoloapQiniu(dest,fileName);
if (StringUtils.isNotBlank(result)) {
list.add(result);
}
} catch (FileNotFoundException e) {
e.printStackTrace();
} catch (IOException e1) {
e1.getMessage();
} finally{
try {
if (null != out) {
out.flush();
out.close();
}
} catch (IOException e) {
e.printStackTrace();
}
if (dest.getParentFile().exists()) {
dest.delete();
}
}
}
logger.info("imagesList == " + list);
if (list.isEmpty()) {
list.add("error");
}
resultMap.put("result",list);
return resultMap;
}
}
④ controller
import com.data.core.ServiceResult;
import com.data.web.service.service.upload.FileService;
import org.apache.commons.lang3.StringUtils;
import org.apache.log4j.Logger;
import org.springframework.web.bind.annotation.*;
import org.springframework.web.multipart.MultipartFile;
import javax.annotation.Resource;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
/**
* @author 創(chuàng)建人:< Chenmq>
* @project 項(xiàng)目:<chuangyin-data>
* @date 創(chuàng)建時(shí)間:< 2017/8/22>
* @comments: 說(shuō)明:< //TODO >
*/
@RestController
@RequestMapping("/admin/webServer")
public class WebServerController {
private static final Logger logger = Logger.getLogger(WebServerController.class);
@Resource
private FileService fileService;
/**
* 上傳圖片文件七牛云
* @param files
* @return
*/
@RequestMapping(value="/imgs", method = RequestMethod.POST)
public ServiceResult uploadImg(@RequestParam("file") MultipartFile[] files) {
// 返回類(lèi)型可以自己定義
ServiceResult serviceResult = null;
// 驗(yàn)證非空
if (StringUtils.isBlank(files[0].getOriginalFilename())) {
serviceResult = new ServiceResult().dataIsNot();
} else {
Map<String,List<String>> map = new HashMap<>();
map = fileService.uploadImgs(files);
List<String> resultList = map.get("result");
logger.info("圖片上傳返回結(jié)果:"+resultList);
if ("error".equals(resultList.get(0))) {
serviceResult = new ServiceResult().dataIsNot();
} else {
serviceResult = new ServiceResult(resultList);
}
}
return serviceResult;
}
}
配置上傳圖片大小 (直接在啟動(dòng)類(lèi)就行)
/**
* 文件上傳配置
* @return
*/
@Bean
public MultipartConfigElement multipartConfigElement() {
MultipartConfigFactory factory = new MultipartConfigFactory();
//文件最大
factory.setMaxFileSize("10240KB"); //KB,MB
/// 設(shè)置總上傳數(shù)據(jù)總大小
factory.setMaxRequestSize("102400KB");
return factory.createMultipartConfig();
}
啟動(dòng)類(lèi)
⑤ js層
/**
* 上傳圖片
*/
function uploadImg(){
/**
* formData在jquey中使用需要設(shè)置：
* processData: false, // 告訴jQuery不要去處理發(fā)送的數(shù)據(jù)
* contentType: false // 告訴jQuery不要去設(shè)置Content-Type請(qǐng)求頭
* @type {null}
*/
var serverHost = getCookie("serverHost");
var host = serverHost +"admin/webServer/imgs";
var fd = new FormData();
// 第一個(gè)參數(shù)為controller 接收的參數(shù)名稱(chēng) , input的id
fd.append("file", document.getElementById("inputId").files[0]);
$.ajax({
url:host,
type:"post",
data:fd,
processData:false,
contentType:false,
success:function(res){
console.log(res);
if (res.status.code == 0) {
if (!$('#img').empty()) {
$('#img').empty();
}
// 這一串代碼復(fù)制不上來(lái) ,截圖在下面
$('#img').append(" ");
} else {
alert("圖片上傳失敗");
}
},
dataType:"json"
})
}
/**
* 添加cookie
* @param key
* @param value
* @param days 保存時(shí)間長(zhǎng)度
*/
function setCookie(key,value,days){
var oDate = new Date();
oDate.setDate(oDate.getDate() + days);
document.cookie = key+'='+value+';expires='+oDate;
}
/**
* 取cookie
* @param cookieKey
* @returns {null}
*/
function getCookie(cookieKey) {
var aCookie = document.cookie.split("; ");
for (var i= 0; i < aCookie.length; i++) {
var aCrumb = aCookie[i].split("=");
if (cookieKey == aCrumb[0]) {
return unescape(aCrumb[1]);
}
}
return null;
}
圖片顯示
⑥ input
<input type="file" name="text" onchange="uploadImg()" id="inputId">
<div id="img"></div>
// 對(duì)應(yīng)的jar包在七牛云官網(wǎng)sdk文檔尋找
https://developer.qiniu.com/kodo/sdk/1239/java
引入js和jquery
