13518219792
OSS JavaScript客户端是怎样的，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。
创新互联是专业的平凉网站建设公司，平凉接单;提供网站设计制作、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行平凉网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
使用 OSS 上传到文件服务器做文件存储，还是一样通过 客户端直传，服务端只需要做一个签名的加密，这样子既可以做到安全性，又降低了服务端的压力:
OSS 客户daunt直传官方文档
大致的实现流程可以看下，签名对于我的理解是防止 篡改性，保证安全性
这上面的流程大家看下，应该就懂了，就是签名，上传，然后接收回调信息，然后告诉客户端成功了，这样子就是一个上传成功的实现。
这里是服务端的签名，大家根据自己的语言选择下载，我这边是以java为主，
如果不懂，文件存储等一些桶的配置，跨域的可以看看官方的文档
OSS 配置文档这里描述了这么去设置OSS的一些配置
设置好了之后我们来看看官方给的代码吧，我们需要设置一些什么呢：
bucketName: myxxxxxxxxxxxxx1 accessKey: LTAxxxxxxxxxxxxx1 secretKey: 46MxxxxxxxxxxxxxOe4yU region: oss-cn-beijing.aliyuncs.com dir: xxxxxxxxxxxxx/
bucketName就是Bucket的名称，region就是区域，dir就是目录了
我这里已经把代码都整理好了，需要的自取:
https://github.com/qurenneng/CloudObjectWeb-java,可以点个start哦
下载下来后，依赖都已经弄好了可以直接跑起来，然后访问 http://localhost:8084/index.html，这里要注意跨域一定要设置好，而且，OSS有一个问题，就是上传成功后回调，所以这里必须要放在云服务器上面才能进行测试，因为要接受OSS发送过来的回调参数，所以测试只能在服务器上面进行测试，需要的可以看 https://www.aliyun.com/activity?userCode=ooxl1zly
接下来我们看看代码吧：
CommonApiController：
/** 阿里云 oss web直传
* 验证签名:
* @return
*/
@GetMapping("/callbackSign")
public Map
OssStsAuth ossStsAuth= new OssStsAuth();
Map
return sign;
}
/**
* 阿里云 oss 回调进行回调:
* @return
*/
@RequestMapping("/callbackUrl")
public void callbackUrl(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
OssStsAuth ossStsAuth= new OssStsAuth();
String ossCallbackBody = ossStsAuth.GetPostBody(request.getInputStream(),
Integer.parseInt(request.getHeader("content-length")));
boolean b = ossStsAuth.VerifyOSSCallbackRequest(request, ossCallbackBody);
if(b){
ossStsAuth.response(request, response, "{\"Status\":\"OK\"}", HttpServletResponse.SC_OK);
}else{
ossStsAuth.response(request, response, "{\"Status\":\"verdify not ok\"}", HttpServletResponse.SC_BAD_REQUEST);
}
}
上面就是客户端上传的控制层，下面的接口是用户接受OSS回调的接口
OssStsAuth:
public Map
String accessId = cosProperties.getAccessKey(); // 请填写您的AccessKeyId。
String accessKey = cosProperties.getSecretKey(); // 请填写您的AccessKeySecret。
String endpoint = cosProperties.getRegion(); // 请填写您的 endpoint。
String bucket = cosProperties.getBucketName(); // 请填写您的 bucketname 。
String host = "http://"> // callbackUrl为 上传回调服务器的URL，请将下面的IP和Port配置为您自己的真实信息。
String callbackUrl = "http://ip:8084/callbackUrl";
String dir = cosProperties.getDir(); // 用户上传文件时指定的前缀。
Map
OSSClient client = new OSSClient(endpoint, accessId, accessKey);
try {
long expireTime = 1000; //官方默认是 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);
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));
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);
return respMap;
} catch (Exception e) {
System.out.println(e.getMessage());
}
return respMap;
}
需要配置的参数都设置在application.yml文件中，
ossProperties：这个配置中，大家运行起来后直接访问上传就好了，配置等设置一定要弄好，有问题就下方评论吧
关于OSS JavaScript客户端是怎样的问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注创新互联行业资讯频道了解更多相关知识。
