hrz

1.0.3 • Public • Published

修订者:会飞的猪

[h(韩)rz(resize)]

如何获取

通过以下方式都可以下载:

  1. 执行npm i hrz(推荐)

  2. 执行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 () {
            // 不管是成功失败,都会执行
        });

Package Sidebar

Install

npm i hrz

Weekly Downloads

0

Version

1.0.3

License

MIT

Unpacked Size

469 kB

Total Files

14

Last publish

Collaborators

  • jianghuxiaohan