微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

限制上传的图像大小相机插件cordova离子

我在我的离子应用程序中使用Camera插件获取了图像.我想限制用户选择用户所选图像的大小,比方说200kb.我添加了Camera as File插件.

我使用下面的代码

/*Function to get image from gallery*/
$scope.getimageFromgallery = function(){
    var options = {
        quality: 100,destinationType: Camera.DestinationType.FILE_URI,sourceType: Camera.PictureSourceType.SAVEDPHOTOALBUM,popoverOptions: CameraPopoverOptions,savetoPhotoAlbum: false,targetWidth: 450,targetHeight: 450,encodingType: Camera.EncodingType.JPEG,};

    navigator.camera.getPicture(gallerySuccess,galleryError,options);

    function gallerySuccess(imageURI){
        getSize(imageURI);          
    }


    function getSize(fileUri) {
        window.resolveLocalFileSystemURL(fileUri,function(fileEntry){

            fileEntry.getMetadata(function(Metadata){
                console.log("size is "+Metadata.size);
            },resOnError);

            fileEntry.file(function(file) {

                var reader = new FileReader();
                reader.onloadend = function(evt) {

                    var imgData = evt.target.result;
                    var res = imgData.split(",");
                    $rootScope.imagebase64 = res[1];
                    var image = document.getElementById('preview-image1');
                    image.src = evt.target.result;
                    $('#preview-image').css('display','block');
                    $('#preview-image').css('background-image',"url("+res[1]+")").show();
                };

                reader.readAsDataURL(file);
            },resOnError);
        },resOnError);
    }

    function resOnError(error) {
        console.log("error "+JSON.stringify(error));
    }

    function galleryError(error) {
    }
}

但是在这里,当我选择2.5MB的图像时,它显示的是178908的大小
当我选择大小为8.9MB的图像时,显示的大小为88412.

据我所知,文件大小以字节为单位,但我得到的值不正确.

解决方法

尝试这个解决方案这是150kb为你的只需将它改为200kb

window.resolveLocalFileSystemURI(newPath,function (fileEntry) {
                        fileEntry.file(function (fileObj) {
                            if (fileObj.size <= 153600) {
                                var reader = new FileReader();
                                reader.onload = function () {
                                    var dataURL = reader.result;
                                    //your stuff.....
                                };
                                reader.readAsDataURL(fileObj);
                            }
                            else {
                                //  alert("Please upload image less then 150KB");
                                alertPopup = $ionicPopup.alert({
                                    title: 'Upload image Failed!',template: 'Please upload image less then 150KB!'
                                });
                            }

                            console.log("Size = " + fileObj.size);
                        });
                    });

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐