hrz
v1.0.3
Published
前端客户端压缩图片,兼容IOS,Android,PC、自动按需加载文件
Downloads
3
Readme
##修订者:会飞的猪 ###[h(韩)rz(resize)]
如何获取
通过以下方式都可以下载:
执行
npm i hrz
(推荐)执行
bower install hrz
引入
import hrz from 'hrz';
或者
<script src="./dist/hrz.bundle.js"></script>
如何使用
方式1:
如果您的图片来自用户拍摄或者上传的,您需要一个input file
来获取图片。
<input id="file" type="file" accept="image/*" />
接着通过change事件可以得到用户选择的图片
document.querySelector('#file').addEventListener('change', function () {
hrz(this.files[0])
.then(function (rst) {
// 处理成功会执行
console.log(rst);
})
.catch(function (err) {
// 处理失败会执行
})
.always(function () {
// 不管是成功失败,都会执行
});
});
七牛上传操作
//获取上传凭证(私有仓库,你懂的)
getAppFproof(file).then(res => {
//提前压缩文件,矫正图片
hrz(file)
.then(function (rst) {
// 处理成功后调用文件上传(此时传入压缩后文件对象)
hThat.upload({file: rst.file, key: res.data.Data.Key, token: res.data.Data.Proof}, toast)
})
.catch(function (err) {
console.log(err);
// 处理失败会执行
})
.always(function () {
// 不管是成功失败,都会执行
});
})
方式2:
如果您的图片不是来自用户上传的,那么也可以直接传入图片路径。
hrz('./xxx/xx/x.png')
.then(function (rst) {
// 处理成功会执行
})
.catch(function (err){
// 处理失败会执行
})
.always(function () {
// 不管是成功失败,都会执行
});