Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs – 如何使用angular-file-upload获取图像尺寸大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我目前正在使用 angular-file-upload指令,而且我几乎使用了演示中的确切代码.

我需要在那里添加一个步骤来测试图像的尺寸,我目前只能通过jQuery / javascript来做.

只是想知道在上传之前是否有一种“有角度”的方式来检查图像的尺寸?

$scope.uploadImage = function($files) {
    $scope.SELEctedFiles = [];
    $scope.progress = [];

    if ($scope.upload && $scope.upload.length > 0) {
        for (var i = 0; i < $scope.upload.length; i++) {
            if ($scope.upload[i] !== null) {
                $scope.upload[i].abort();
            }
        }
    }
    $scope.upload = [];
    $scope.uploadResult = [];
    $scope.SELEctedFiles = $files;
    $scope.dataUrls = [];

    for ( var j = 0; j < $files.length; j++) {
        var $file = $files[j];
        if (/*$scope.fileReaderSupported && */$file.type.indexOf('image') > -1) {
            var fileReader = new FileReader();
            fileReader.readAsDataURL($files[j]);
            var loadFile = function(fileReader,indeX) {
                fileReader.onload = function(E) {
                    $timeout(function() {
                        $scope.dataUrls[index] = e.target.result;

                        //------Suggestions?-------//
                        $('#image-upload-landscape').on('load',function(){
                            console.log($(this).width());
                        });
                        //-------------------------//
                    });
                };
            }(fileReader,j);
        }
        $scope.progress[j] = -1;
        if ($scope.uploadRightAway) {
            $scope.start(j);
        }

    }
};

解决方法

我想你可以做到:

var reader = new FileReader();
reader.onload = onLoadFile;
reader.readAsDataURL(filtItem._filE);

function onLoadFile(event) {
    var img = new Image();
    img.src = event.target.result;
    console.log(img.width,img.height)
}

这是从https://github.com/nervgh/angular-file-upload/blob/master/examples/image-preview/directives.js复制的代码段.

我认为这更像是angularjs.但是,您可能需要对其进行修改以满足您的要求.

大佬总结

以上是大佬教程为你收集整理的angularjs – 如何使用angular-file-upload获取图像尺寸全部内容,希望文章能够帮你解决angularjs – 如何使用angular-file-upload获取图像尺寸所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。