public JSONObject getOSSToken()
    {
        String endpoint = "oss-cn-shanghai.aliyuncs.com";
        String accessId = "accessId ";
        String accessKey = "accessKey ";
        String bucket = "bucket ";
        String dir = "picture/";
        String host = "http://" + bucket + "." + endpoint;
        OSSClient client = new OSSClient(endpoint, accessId, accessKey);
        try {
            long expireTime = 30;
            long expireEndTime = System.currentTimeMillis() + expireTime * 1000;
            Date expiration = new Date(expireEndTime);
            PolicyConditions policyConds = new PolicyConditions();
            policyConds.addConditionItem(PolicyConditions.COND_CONTENT_LENGTH_RANGE, 0, 1048576000);
            policyConds.addConditionItem(MatchMode.StartWith, PolicyConditions.COND_KEY, dir);

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

            Map<String, String> respMap = new LinkedHashMap<String, String>();
            respMap.put("accessid", accessId);
            respMap.put("policy", encodedPolicy);
            respMap.put("signature", postSignature);
            //respMap.put("expire", formatISO8601Date(expiration));
            respMap.put("dir", dir);
            respMap.put("host", host);
            respMap.put("expire", String.valueOf(expireEndTime / 1000));
            JSONObject ja1 = JSONObject.fromObject(respMap);
            return ja1;
        } catch (Exception e) {
            e.printStackTrace();
        }
        return null;
    }

//CSS
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="cropper/cropper.min.css" rel="stylesheet">
<link href="headpicker/headpicker.css" rel="stylesheet">
//Js
<script src="cropper/cropper.min.js"></script>
<script src="headpicker/headpicker.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

	var picker = $('#avatar-modal');//头像弹出层
        
        //弹出层
	$('#head').click(function (e) {
		picker.modal('show');
	});
        
	var headpicker = new HeadPicker();
	var options = {
	    aspectRatio:1,//图片比例
	    circular:true,//是否开启原型遮罩
	    guides:false,//是否显示虚线
		accessApi:"http://192.168.1.102:8080/oss/access",//授权接口
		host:"http://data.yueare.com/",//OSS访问地址，这里我绑定了自己的域名，可以直接使用阿里云提供的
		maxFileSize:1024*1024*2,//设置文件的最大值
		imageQuality:0.9,//设置图像的质量
		fileChooseInput:$('#avatarInput'),//设置图片选择input
		orignImgContainer:$('#orignImg'),//设置原始图像的img容器
		previewImgContainers:$('.avatar-preview'),//设置预览图片的容器，支持多个容器
		rotateBtns:$('.avatar-btns'),//设置图片旋转按钮
		completeBtn:$('.avatar-save'),//设置保存按钮
        clipboardListenerContainerID:"cp",//对一个容器设置剪贴板粘贴监听事件（可选）
                //文件选择消息回调
		picChooseCallBack:function (msg) {
			alert(msg);
		},
                //授权消息回调
		accessCallBack:function (msg) {
			alert(msg);
		},
                //上传回调
		uploadCallBack:function (msg,backImgurl) {
			$('#head').attr('src',backImgurl);
			picker.modal('hide');
		}
	};
	headpicker.initHeadPicker(options);

var dataurl = headpicker.getImgDataUrl();
console.log(dataurl);

headpicker.getImgBlob(function(blob) {
   console.log(blob);
});