# lrz图片压缩上传

**Repository Path**: oneplusone666/lrz-image-compression-upload

## Basic Information

- **Project Name**: lrz图片压缩上传
- **Description**: 借鉴了localResizeIMG的图片上传插件，引入一个js适配安卓ios,兼容ios新版本图片旋转问题
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 6
- **Forks**: 2
- **Created**: 2020-12-10
- **Last Updated**: 2023-11-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# lrz图片压缩上传

#### 介绍
借鉴了localResizeIMG的图片压缩插件，
适配安卓ios，pc,
兼容ios新版本图片旋转问题

# 如何使用


在页面中引入
```html
<script src="./dist/lrz.bundle.js"></script>
```

### 方式1:

如果您的图片来自用户拍摄或者上传的，您需要一个`input file`来获取图片。

```html
<input id="file" type="file" accept="image/*" />
```

接着通过change事件可以得到用户选择的图片
```js
document.querySelector('#file').addEventListener('change', function () {
	lrz(this.files[0])
        .then(function (rst) {
            // 处理成功会执行
            console.log(rst);
        })
        .catch(function (err) {
            // 处理失败会执行
        })
        .always(function () {
            // 不管是成功失败，都会执行
        });
});
```

### 方式2：

如果您的图片不是来自用户上传的，那么也可以直接传入图片路径。

```js
lrz('./xxx/xx/x.png')
        .then(function (rst) {
            // 处理成功会执行
        })
        .catch(function (err){
            // 处理失败会执行
        })
        .always(function () {
            // 不管是成功失败，都会执行
        });
```