阿里云OSS图片上传(java web直传)

最近使用到阿里云的OSS做图片上传,特别记录操作流程。

本demo是最原汁原味的oss图片上传,基本没有经过加工,最容易读懂和理解。

一 创建bucket和配置跨域

创建bucket步骤:

略。(为了访问方便,建议读写权限设置为公共读

配置跨域:

权限管理>>跨域设置,如果不设置话的,上传文件时,浏览器会提示禁止跨域403

二 服务端签名(java版)

(1)maven导包

<dependency>
            <groupId>com.aliyun.oss</groupId>
            <artifactId>aliyun-sdk-oss</artifactId>
            <version>3.11.1</version>
        </dependency>
        
        <dependency>  
            <groupId>net.sf.json-lib</groupId>  
            <artifactId>json-lib</artifactId>  
            <version>2.2.3</version>  
            <classifier>jdk15</classifier><!-- 指定jdk版本 -->  
        </dependency>  

(2)填写accessId,accessKey,endPoint(demo写的杭州),bucket。

package com.durian.amanager.servlet;

import java.io.IOException;
import java.io.PrintWriter;
import java.util.Date;
import java.util.LinkedHashMap;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.commons.lang3.StringUtils;

import com.aliyun.oss.OSS;
import com.aliyun.oss.OSSClientBuilder;
import com.aliyun.oss.common.utils.BinaryUtil;
import com.aliyun.oss.model.MatchMode;
import com.aliyun.oss.model.PolicyConditions;

import net.sf.json.JSONObject;

//获取阿里云oss policy
@WebServlet(urlPatterns = "/aliyunoss_getpolicy")
public class AliyunOssServlet extends HttpServlet {

	/**
	 * 
	 */
	private static final long serialVersionUID = 4108505220500631L;

	protected void service(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		String dir=request.getParameter("dir");// 用户上传文件时指定的前缀。
		if(StringUtils.isEmpty(dir)){
			dir="";
		}else{
			dir=dir+"/";
		}

		 String accessId = "<yourAccessKeyId>"; // 请填写您的AccessKeyId。
		 String accessKey = "<yourAccessKeySecret>"; // 请填写您的AccessKeySecret。
		 String endpoint = "oss-cn-hangzhou.aliyuncs.com"; // 请填写您的 endpoint。
		 String bucket = "bucket-name"; // 请填写您的 bucketname 。

		
		String host = "https://" + bucket + "." + endpoint; // host的格式为
															// bucketname.endpoint
		// callbackUrl为 上传回调服务器的URL,请将下面的IP和Port配置为您自己的真实信息。
		String callbackUrl = "";
		//String format = new SimpleDateFormat("yyyy-MM-dd").format(new Date());

		// 创建OSSClient实例。
		OSS ossClient = new OSSClientBuilder().build(endpoint, accessId, accessKey);
		try {
			long expireTime = 300;
			long expireEndTime = System.currentTimeMillis() + expireTime * 1000;
			Date expiration = new Date(expireEndTime);
			// PostObject请求最大可支持的文件大小为5
			// GB,即CONTENT_LENGTH_RANGE为5*1024*1024*1024。
			PolicyConditions policyConds = new PolicyConditions();
			policyConds.addConditionItem(PolicyConditions.COND_CONTENT_LENGTH_RANGE, 0, 1048576000);
			policyConds.addConditionItem(MatchMode.StartWith, PolicyConditions.COND_KEY, dir);

			String postPolicy = ossClient.generatePostPolicy(expiration, policyConds);
			byte[] binaryData = postPolicy.getBytes("utf-8");
			String encodedPolicy = BinaryUtil.toBase64String(binaryData);
			String postSignature = ossClient.calculatePostSignature(postPolicy);

			Map<String, String> respMap = new LinkedHashMap<String, String>();
			respMap.put("accessid", accessId);
			respMap.put("policy", encodedPolicy);
			respMap.put("signature", postSignature);
			respMap.put("dir", dir);
			respMap.put("host", host);
			respMap.put("expire", String.valueOf(expireEndTime / 1000));
			// respMap.put("expire", formatISO8601Date(expiration));

			JSONObject jasonCallback = new JSONObject();
			jasonCallback.put("callbackUrl", callbackUrl);
			jasonCallback.put("callbackBody",
					"filename=${object}&size=${size}&mimeType=${mimeType}&height=${imageInfo.height}&width=${imageInfo.width}");
			jasonCallback.put("callbackBodyType", "application/x-www-form-urlencoded");
			String base64CallbackBody = BinaryUtil.toBase64String(jasonCallback.toString().getBytes());
			respMap.put("callback", base64CallbackBody);

			JSONObject ja1 = JSONObject.fromObject(respMap);
			// System.out.println(ja1.toString());
			response.setHeader("Access-Control-Allow-Origin", "*");
			response.setHeader("Access-Control-Allow-Methods", "GET, POST");
			response(request, response, ja1.toString());

		} catch (Exception e) {
			// Assert.fail(e.getMessage());
			System.out.println(e.getMessage());
		} finally {
			ossClient.shutdown();
		}
	}

	/**
	 * 回传参数
	 * 
	 * @param resp
	 *            回传类
	 * @param data
	 *            回传数据
	 * @throws IOException
	 */
	public static void response(HttpServletRequest request, HttpServletResponse response, String data) {
		try {
			response.setCharacterEncoding("utf-8");
			response.setContentType("text/html");
			PrintWriter out = response.getWriter();
			out.print(data);
			out.flush();
			out.close();
		} catch (Exception e) {
			e.printStackTrace();
		}
	}

}

三 js客户端

下载官方的demo

https://help.aliyun.com/document_detail/31927.html?spm=a2c4g.11186623.6.1719.3bc4366cKFMpDU

四  把官方的demo放到自己的项目里并启动

找到demo中的upload.js文件,将serverUrl更改为前面的服务端签名地址

五.最后上传图片

补充说明:plupload上传插件执行上传后回调FileUploaded方法,file是刚刚上传的文件,imageUrl是刚刚上传图片的访问路径(imageUrl是自己加的,方便理解)。

已经可以上传了,那就对demo进行代码优化调整,适配业务即可。

猜你喜欢

转载自blog.csdn.net/u011628753/article/details/110876234