uniapp-image-compress v1.0.5

Environment Prepare

Install uniapp-image-compress:

yarn add uniapp-image-compress

Vue Demo

<view class="upload-page">
    <view class="upload-tips">您最多可上传{{maxCount}}张图片</view>
    <view class="image-list">
        <view v-for="(item, index) in fileList" :key="index" class="image-item">
            <image class="image" mode="aspectFit" :src="item" @click="viewImage(index)"></image>
            <image class="image-delete" src="@/static/pdf.png" @tap.stop="deleteImage" :data-index="index"></image>
        </view>
        <view v-if="fileList.length < maxCount" class="image-item" @tap="openAlbum">
            <image class="image" src="@/static/logo.png"></image>
        </view>
    </view>
    <view class="upload-btn" @tap="confirmUpload">确定</view>

    <canvas canvas-id="pressCanvas" id="pressCanvas" class="press-canvas"></canvas>
</view>

JS Demo

import { getLessLimitSizeImage } from 'uniapp-image-compress'

getLessLimitSizeImage('pressCanvas', file, 1, 750, (imagePath) => {
    console.log('imagePath,', imagePath)
    <!-- pathToBase64(imagePath)
        .then((path) => {
            console.log(path)
        }) -->
})