# ImgManger:图片上传管理器

适用范围:简单分类管理(仅包含分类ID和分类文本两个字段),不适用于需要设置图标等多属性的分类管理

# 属性

# opt 接口配置

listApi: List接口,get,要求item包含id,imgUrl,isDefault
addApi: 图片添加接口,post
delApi: 图片删除接口,get,参数为id
defApi:设置默认图片接口,get,参数为id
uploadApi: 图片上传接口
useDef: 是否启用默认图片功能

# width : String

弹窗宽度,默认为'500px'

# imgWidth :Number

图片预览区图片高度,默认为300

# quality : Number

实际生成的图片大小系数 输出宽度=imgWidthquality 输出高度=imgHeightquality

# max : Number

最多允许上传图片数量,默认为0(不限)

# 方法

# show(paras)

paras是一个对象,必传。在调用接口时,paras中所有项都会自动添加到参数里面去。

paras内部不允许包含id,否则删除和设置默认接口会出错 this.$refs.imgManger.show({ productId: 123 });

# 事件

# on-set-default(imgUrl,paras)

设置了默认图片后触发 imgUrl:图片地址,paras:show方法传入的参数

# on-close

用户关闭界面时触发

# Demo

    <img-manger ref="imgManger"
                :opt="imgMangerOpt"
                :imgWidth="400"
                :imgHeight="400"
                :max="5"
    ></img-manger>

import {ImgManger} from 'sjfx/pc';

imgMangerOpt: {
	listApi: Config.apiUrl('/ProductImg/List'),
	addApi: Config.apiUrl('/ProductImg/Add'),
	delApi: Config.apiUrl('/ProductImg/Delete'),
	defApi: Config.apiUrl('/ProductImg/SetDefault'),
	uploadApi: Config.apiUrl('/Common/UploadImg'),
	useDef: true
},
Last Updated: 1/14/2020, 12:00:52 PM