1.0.0 • Published 4 years ago

vue-select-img v1.0.0

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

vue-select-img

选择图片插件,使用用户自定义样式,直接插入input标签。 支持输出base64编码、压缩、图片旋转调整。

安装

通过npm安装

npm install vue-select-img

通过yarn安装

yarn add vue-select-img

用法

// 引入

import SelectImage from "vue-select-img";
export default {
    components: {
        "select-image": SelectImage
    },
    methods: {
        getImageSource( source ) {
            //source 输出的结果
        }
    }
};
// 在写好的html中添加

<select-image
    quality="0.6"
    @select='getImageSource'
/>

示例

<div class="avatar-warp">
    <select-image
        quality="0.6"
        @select='getImageSource'
    />
</div>

参数

PropTypeDescriptionDefault
outputString输出图片文件结果:base64,filebase64
acceptString选择图片文件类型:多个值以逗号分隔"png,gif"。*
qualityString输出图片质量,0 ~ 1。不压缩质量

运行

1

git clone https://github.com/erdong0604/vue-select-img.git

2

yarn

3

yarn serve