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:被点击的图片路径|