HiI have uploaded one filecurrently my requirement is that after clicking of submit button if filesize is greater than 5mb need to display alert validation messagecould you please help melthtml xmlns34httpwwww3org1999xhtml34gtltheadgt lttitlegtIndexlttitlegt ltlink rel34stylesheet34 href34httpscdnjscloudflarecomajaxlibstwitterbootstrap337cssbootstrapmincss34 gt ltscript type34textjavascript34 src34httpsa

Hi mahesh213Check this example Now please take its reference and correct your codeHTMLlthtml xmlns34httpwwww3org1999xhtml34gtltheadgt lttitlegtFile Size Validation AngularJSlttitlegt ltlink rel34stylesheet34 href34httpscdnjscloudflarecomajaxlibstwitterbootstrap337cssbootstrapmincss34 gt ltscript type34textjavascript34 src34httpsajaxgoogleapiscomajaxlibsangularjs139angularminjs34gtltscriptgt ltscript type34textjavascript34 src34httpscdnjscloudflarecomajaxlibsdanialfaridangularfileupload12213ngfileuploadminjs34gtltscriptgt ltscript type34textjavascript34gt var app angularmodule39MyApp39 39ngFileUpload39 appcontroller39MyController39 function scope window scopeSelectedFiles scopeUploadFiles function files if file

Check (Validate) uploaded File Size on Button Click using JavaScript in AngularJS

mahesh21...

SOLVED CLOSED ACTIVE ANSWERED
User: mahesh213
Posted: on Oct 24, 2019 12:58 AM
Forum: AngularJS
Answer: 1
Views: 13114
Sample Code: Download

Hi,

I have uploaded one file

currently my requirement is that after clicking of submit button if filesize is greater than 5mb need to display alert validation message

could you please help me

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Index</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/danialfarid-angular-file-upload/12.2.13/ng-file-upload.min.js"></script>
    <script type="text/javascript">
        var app = angular.module('MyApp', ['ngFileUpload'])
        app.controller('MyController', function ($scope, $http) {          
            $scope.SelectedFiles = [];
            $scope.UploadFiles = function (files) {
                if (files.length > 0) {
                    $scope.SelectedFile = files;
                    $scope.SelectedFiles.push(files);
                }
            };
            $scope.Save = function () {               

            }          
        });
    </script>
</head>
<body>
    <div ng-app="MyApp" ng-controller="MyController">      
        Upload File:<input type="file" ngf-select="UploadFiles($files)" />
        <div style="padding: 10px 0;">
            <input id="submit" type="button" value="Save" name="add" ng-click="Save()" class="btn btn-success" />
        </div>
    </div>
</body>
</html>

Download FREE API for Word, Excel and PDF in ASP.Net

dharmend...

0 2

Reply
ANSWER
User: dharmendr
Replied: on Oct 24, 2019 01:17 AM
Modified: on Oct 24, 2019 01:20 AM
Report

Hi mahesh213,

Check this example. Now please take its reference and correct your code.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>File Size Validation AngularJS</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.9/angular.min.js"></script>
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/danialfarid-angular-file-upload/12.2.13/ng-file-upload.min.js"></script>
    <script type="text/javascript">
        var app = angular.module('MyApp', ['ngFileUpload'])
        app.controller('MyController', function ($scope, $window) {
            $scope.SelectedFiles = [];
            $scope.UploadFiles = function (files) {
                if (files.length > 0) {
                    $scope.SelectedFiles.push(files);
                }
            };
            $scope.Save = function () {
                for (var i = 0; i < $scope.SelectedFiles.length; i++) {
                    var size = $scope.SelectedFiles[i][0].size / 1024 / 1024;
                    if (parseFloat(size) > 5) {
                        $window.alert('File is bigger than 5MB');
                        $scope.SelectedFiles = [];
                        return false;
                    }
                }
            }
        });
    </script>
</head>
<body>
    <div ng-app="MyApp" ng-controller="MyController">
        Upload File:
        <input type="file" ngf-select="UploadFiles($files)" />
        <div style="padding: 10px 0;">
            <input id="submit" type="button" value="Save" name="add" ng-click="Save()" class="btn btn-success" />
        </div>
    </div>
</body>
</html>

Demo

I agree, here is the link: https://www.e-iceblue.com/Introduce/spire-office-for-net-free.html

Check (Validate) uploaded File Size on Button Click using JavaScript in AngularJS

Company

Explore

Follow us

Contact Us