plusUploadImg
图片上传
---
```javascript
var testImg = new phoenix.plusUploadImg({
type: 'multiple',// 必填,multiple多选,single单选
ele: page.querySelector('.imgAdd'),// 必填,触发元素
defaultImgs: ['img/4.jpg','img/3.jpg'],// 可选,初始已有图片
totalNum: 6,// 可选,总共可上传图片数量,默认3
pickNum: 4,// 可选,总数量允许范围内,单次可选图片数量,默认3
width: '500px',// 可选,图片压缩后的宽度,默认'600px'
imgFrom: 'gallery',//可选,camera:仅拍照上传,gallery:仅选择相册,默认两种都可以
every: function(result, url, html) {// 可选,每张上传完成后回调
// result 上传结果,success 上传成功,error上传失败,失败后 url和html不返回
// url 每张图片上传完成后的地址
// html 插入前端的已上传图片
if(result === 'success') {
testImg.ele.parentNode.insertAdjacentHTML('beforebegin', html);
};
},
complete: function(url) {// 可选,单次全部上传完成后回调
// url 本次全部完成后的图片url数组,失败为'null',成功为url地址
}
});
```
```html
<div class="box mtb10 ptb12 plr10">
<ul class="img_upload clear">
<li>
<div class="link imgAdd"><input class="hide imgInput" type="text" data-name="图片" data-required="0"></div>
<span><i class="phoenix_icon phoenix_icon_plus"></i></span>
</li>
</ul>
</div>
```
配置项
---
|属性|类型|默认值|说明|
|-|-|-|-|
|ele|dom|-| 必填,上传图片的触发元素|
|type|string|single|可选,图片上传方式<br>multiple多选<br>single单选|
|defaultImgs|array|-|可选,初始已有的图片,形如 ['img/4.jpg','img/3.jpg']|
|totalNum|num|3| 可选,总共可上传图片数量|
|pickNum|num|3| 可选,总数量允许范围内,单次可选图片数量|
|width|string|600px| 可选,图片上传前压缩的最大宽度|
|imgFrom|string|all| 可选,图片上传的方式<br>camera:仅拍照上传,<br>gallery:仅选择相册|
|input|dom|=| 可选,图片上传的数据在表单中的保存位置,<span style="color:#red">注意:以,隔开</span>|
|every|function|-| 可选,每张上传完成后回调,共3个参数<br>result:上传结果,success 上传成功,error上传失败,失败后 url和html不返回<br> url:每张图片上传完成后的地址<br> html:插入前端的已上传图片代码|
|complete|function|-| 可选,单次选好图片确定上传后,全部上传完成后的回调,共1个参数<br>url:本次全部完成后的图片url数组,失败为'null',成功为url地址|
|imgTap|function|-| 可选,已上传图片点击触发的回调,共1个参数<br>url:被点击的图片路径|