选择图片插件，使用用户自定义样式，直接插入
vue-select-img
运行
1
选择图片插件，使用用户自定义样式，直接插入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> 参数
| Prop | Type | Description | Default |
|---|---|---|---|
| output | String | 输出图片文件类型:base64,file | base64 |
| accept | String | 选择图片文件类型:多个值以逗号分隔"png,gif"。 | * |
| quality | String | 输出图片质量:0 ~ 1。 | 不压缩质量 |
git clone https://github.com/erdong0604/vue-select-img.git
2
yarn
3
yarn serve
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
