|
- function fnSelectedImg() {
- imgs_size = $api.domAll('.imgs').length
- if (imgs_size >= 5) {
- api.toast({
- msg: '暂时最多支持上传5张图片',
- duration: 2000,
- location: 'bottom'
- });
- } else {
- api.actionSheet({
- title: '请选择',
- cancelTitle: '取消',
- buttons: ['打开相机', '从相册选择']
- }, function(ret, err) {
- if (ret.buttonIndex == 3) {} //取消
- else if (ret.buttonIndex == 1) { //打开相机
- api.getPicture({
- sourceType: 'camera',
- encodingType: 'jpg',
- mediaValue: 'pic',
- destinationType: 'url',
- allowEdit: true,
- quality: 0.5,
- // targetWidth: 1960,
- // targetHeight: 1080,
- saveToPhotoAlbum: false
- }, function(ret, err) {
- if (ret.data) {
- var imgs = $api.byId('imgs');
- var html = "<div class='imgDiv'>" +
- "<div class='imgs' data-url='" + ret.data + "'style='background: url(" + ret.data + ") 50% 50% / cover;' onclick=fnShowImg(this)></div>" +
- "<img class='close_img' src='../image/close.png' onclick='fnDeleteImg(this)'/>"; +
- "</div>"
- imgs.innerHTML += html;
- fnEditImgIndex();
- } else {}
- });
- } else { //从相册选择
- var UIAlbumBrowser = api.require('UIAlbumBrowser');
- UIAlbumBrowser.open({
- max: 5 - imgs_size,
- styles: {
- bg: '#000',
- mark: {
- icon: '',
- position: 'bottom_left',
- size: 20
- },
- nav: {
- bg: 'rgba(0,0,0,0.6)',
- titleColor: '#fff',
- titleSize: 18,
- cancelColor: '#fff',
- cancelSize: 16,
- finishColor: '#fff',
- finishSize: 16
- }
- },
- rotation: false
- }, function(ret) {
- if (ret.eventType == 'confirm') {
- for (var i = 0; i < ret.list.length; i++) {
- var html = "<div class='imgDiv'>" +
- "<div class='imgs' data-url='" + ret.list[i].path + "'style='background: url(" + ret.list[i].path + ") 50% 50% / cover;' onclick=fnShowImg(this)></div>" +
- "<img class='close_img' src='../image/close.png' onclick='fnDeleteImg(this)'/>"; +
- "</div>"
- imgs.innerHTML += html;
- fnEditImgIndex();
- }
- }
- });
- }
- });
- }
- }
复制代码 |
|