美文网首页mui 记录
mui 选择图片-图片详情-压缩

mui 选择图片-图片详情-压缩

作者: bianruifeng | 来源:发表于2019-07-18 11:26 被阅读0次
                    var lfs = null
                    
                    // 从相册中选择图片 
                    plus.gallery.pick(function(e) { 
    
                        lfs = e.files; //记录相册选中的图片、标记
    
                        for (let element of e.files) {
                            console.log(element);
                            plus.io.resolveLocalFileSystemURL(element, function(entry) {
                                console.log('获得照片');
                                console.log("entry: " + entry.name);
                                var s = entry.toLocalURL();
                                // entry.file(function(file) {
                                //  console.log(file.type);
                                //  console.log(file.name);
                                //  console.log(file.size);
                                // })
    
                                plus.zip.compressImage({
                                    src: s,
                                    dst: "_doc/gallery/" + s,
                                    quality: 20,
                                    overwrite: true
                                }, function(e) {
                                    // console.log('压缩完成');
                                    // console.log("文件路径:" + e.target);
                                    // console.log("文件大小:" + e.size);
                                    vm.items.push({
                                        url: e.target,
                                        name: entry.name
                                    })
                                    createUpload(entry.name, e.target)
                                    // console.log('上传' + entry.name + e.size + e.target);
                                }, function(err) {
                                    // console.error("压缩失败:" + err.message);
                                    vm.items.push({
                                        url: s,
                                        name: entry.name
                                    })
                                    createUpload(entry.name, s)
                                });
    
                            })
                        }
    
    
                    }, function(e) {
                        console.log('取消选择图片');
                    }, {
                        filter: 'image',
                        multiple: true,
                        maximum: 5,// 最多选择5张图片
                        selected: lfs,//已选择照片
                        system: false,
                        onmaxed: function() {
                            plus.nativeUI.alert('最多只能选择5张图片');
                            console.log('最多只能选择5张图片');
                        }
                    }); 

    相关文章

      网友评论

        本文标题:mui 选择图片-图片详情-压缩

        本文链接:https://www.haomeiwen.com/subject/albmkctx.html