web前端 图片压缩后上传到阿里云oss

当项目中有图片上传功能时，一般公司都是使用第三方的存储平台，这样便不会产生自己服务器资源占用问题，

为避免上传图片太大占用太多空间，提高用户访问的速度，需要将图片进行压缩之后再存储。

下面直接贴代码：

ps：这是只压缩图片质量，不压缩图片尺寸比例的。

ps：如果需要处理兼容浏览器可以使用es6语法的话，可以参照我这上面的写法来，

代码中的除了layui框架需要用到的文件外，其他的JS文件，我打包放在Github上了，需要的可以去下载，地址：

https://github.com/hujinchen/alyoss-compression

 下载完后 compression.js 里的client，需要改成你自己的

// 创建OSSClient实例
let client = new OSS({
    region: '',
    accessKeyId: '',
    accessKeySecret: '',
    bucket: ''
});

阿里云oss上传文件的官方文档地址：https://help.aliyun.com/document_detail/64047.html?spm=a2c4g.11186623.6.947.37b458d53ut7mQ 

还有很重要的一点，因为上传文件涉及到跨域的问题，所以需要在你自己的阿里云服务器上配置一下跨域规则，才能正常使用。

不懂什么意思的，直接参照我这样的配置，一般就可以了！