更新记录

1.4（2021-06-02）

1. 优化appId校验逻辑

1.3（2021-05-28）

调整日志上报，可在imagex控制台查看上传质量

1.2（2021-05-20）

1. 修复bug
2. 校验appid，可用于协助定位问题

平台兼容性

开发者: veImageX 送礼来啦！！！

veImageX 专属流量包，通过即省50% ！！！

使用说明

本插件是一个云端上传插件，能够将本地的文件包括图片上传到云存储，ImageX是火山引擎推出的专业图像处理的一个服务；具体引用三方评测 此外这个服务还提供了便捷的一站式图片上传、存储、处理、分发服务，并提供详尽的服务质量监控和数据报表能力。同时提供客户端图片加载SDK、服务端SDK和上传SDK等。

插件自身功能

ImageX功能表

配合ImageX可实现功能

基础图像分发与管理

基础图像实时处理

基础图像高级处理

智能识别裁剪

智能识别图像中的信息内容，然后应用对应的图像变换行为。

高效压缩格式

针对图像高压缩场景，推出高效率图像压缩格式HEIF和AVIF，相比于传统图像webp图像格式高出30%以上的压缩比。

针对动图场景HEIF压缩后的体积小2-10倍，同时支持自适应图像编码能力、去压缩失真等新的HEIF特性。

漫画风格迁移

通过访问url的方式能够进行图像风格的变化，特别适合社交场景。

智能识别填充

通过图像识别能够扩增图片实现智能填充效果。

智能图像分割

实现图片前后背景的分割。

本插件使用说明

1. 引入插件

<template>
    <view>
        <imagex-uploader v-bind='options' v-on:change='onUploadChange' />
    </view>
</template>

2. 准备工作

1. 开通ImageX后在控制台获取服务ID（serviceID）、appid等信息，serviceiD 是为了确定上传的空间、appid确定据监控指标性能信息，此处需要实名认证以及需要创建ImageX的服务（若无）；
2. 上传前需要从服务端获取上传sts2签名，由于签名计算放在前端会暴露 AccessKey和SecretKey，所以签名计算过程放在后端实现（利用签名SDK可以生成临时的 AK、SK等 ），前端通过 http 请求向后端获取签名结果。签名算法服务端接入；
3. 小程序上传需要把网关地址和上传地址添加到小程序的访问白名单中

<script>
    export default {
        data() {
            return {
                options: {
                    serviceId: 'your serviceId',
                    stsToken: { /* your stsToken */ },
                    appId: 123,
            }
        },
        methods: {
            onUploadChange(info) {
                console.log(info)
            }
        }
    }
</script>

3. 参数说明

3. 上传完毕后

上传完毕后会获取图片的唯一ID：例如：tos-cn-i-1upkr0djo9/e49f9137ea714be13af8708857d2a5ef.jpeg， 则按照官方要求访问格式为：

http://wpstatic.e7e7e7.com/tos-cn-i-1upkr0djo9/e49f9137ea714be13af8708857d2a5ef.jpeg~tplv-1upkr0djo9-heic-v3.webp

访问格式：

图片地址访问规则: http(s): / /域名/图片URI~模板配置, 其中如上的.webp 可以替换成任意图片格式，比如avif、jpeg、png，ImageX 是都是可以实时处理转换的；详情可以去ImageX研究一下；

加微信进群和更多开发者交流