美图秀秀web sdk集成阿里云OSS web直传,或者,OSS web直传使用

首先说一下,使用OSS web直传文件就没必要过服务器,可以减小服务器的压力和存储空间,比较方便。

此次的demo是项目中用到的,因为用到图片美化功能所以找了美图秀秀sdk,文件存储在oss上,所以找了web直传。demo地址会放到最后。

1、目录结构

美图秀秀web sdk集成阿里云OSS web直传,或者,OSS web直传使用_第1张图片

uploader.js是阿里云给的功能,我简单的集成了一下jquery。

Upload.php是oss请求签名、回调的示例。用的是tp5.1。如果,出现类没有找到等错误,请自己use或者import一下。

2、美图秀秀说明

这里使用的是图片保存为base64功能,如果要用保存后自动回调到自己服务器地址的话,就不用再往下看了,可以直接去找美图秀秀的文档。

3、代码说明

index.html写的很少,应该比较清晰了。




以上包含两个部分:

    1、oss上传控件,这个一定要有,否则oss上传会不正常。

    2、id="altContent",这个就是美图秀秀要填充的容器了。






上面js部分,重点是在onSaveBase64Image这个回调里面,千万不能直接调用new File([base64 code], file_name, {type: mime});来构造File对象,base64是需要转成正常的文件编码后才能使用的,不然文件内容都是错的,上传成功了也没法打开文件。

代码在这里:https://gitee.com/gtx_197/oss_web_upload

你可能感兴趣的:(php代码库,通用代码库)