While inserting image check image size and height

Question

When inserting image in angular i want check image width and height.If width and height does not match i give an error

$scope.imageChanged = function(files,selected_creative_size)
{
    $scope.backup_creative_size = '';   
    if (files != null) {
        var file = files[0];            
        //Here i want to check image size and height
        if()
        {                       
            //Add data into database
        }
        else
        {
            $scope.backup_creative_size = 'Please select' + file_prop[0]+' * '+file_prop[1];
        }
    }
};

Please first try yourself if you not get solution than only ask here. without trial not ask any question. — Pankaj Sharma, Jun 15 '17 at 06:52
Please search a while in the stack before raising your concern. I hope it will help. Thank you. https://stackoverflow.com/questions/8903854/check-image-width-and-height-before-upload-with-javascript — Alexis, Jun 15 '17 at 07:02

Vinoth Nandhakumar · Answer 1 · 2017-06-15T08:57:54.210

Try using this method on the event onChange this will have maximum size as 3 mb

$scope.uplFile = angular.element("input[type='file']")[0].files[0];
            if ($scope.uplFile.size < 3145728) {
              if ( $scope.uplFile.type == "image/jpg" || $scope.uplFile.type == "image/jpeg") {
               //your code
              } else {
                //your code
              }
            } else {
              //your code
            }

While inserting image check image size and height

1 Answers1