Skip to main content

Reusable Image Validation (Client Side) Using jQuery

By
We will handle Image Validation using two ways, client side and server side. I have explained client side Image validation here. But you can also handle the server side Image Validation as you want.

Client Side Image Validation Using jQuery and Bootstrap


Here is the Form <input> field to upload  an Image file. I added "accept" attribute in the Input tag which indicates the types of file the server accepts. (read more: https://developer.mozilla.org/en/docs/Web/HTML/Element/input)



Here is the Reusable Image validation Script. In this Script it allows only JPEG, JPG and PNG files but you can add more file extensions as you want.




Note: Do not put this Script within (document).ready(function(){}) otherwise may be it will not work.   

Requirements:
jQuery
Bootstrap


Labels:

Comments

Post a Comment

Popular Posts

List of latest and most asked PHP practical interviews questions & answers

By
Core PHP Practical Interview Questions In this blog post I am sharing a list of some most asked PHP interview questions & answers. These are very useful and helpful for the freshers and experienced developer too. I have taken these questions from different sources and listed here at one place. Ques. How to reverse a string without using any builtin function? Ans: <?php $str = 'My name is Diwakar Kumar'; $len = 0; while(isset($str[$len]) != '') $len++; for($i = $len ; $i >= 0 ; $i--) { echo @$str[$i]; } Ques: Write a function to check if a given string is a palindrome or not. Ans: 1st Method: <?php function isPalindrome($str) { $str = strtolower(preg_replace('/[^a-zA-Z0-9]/', '', $str)); // Convert to lowercase and remove non-alphanumeric characters $reverse = strrev($str); // Reverse the string return $str === $reverse; // Compare original and reversed string } 2nd Method: <?php funct...
Post a Comment
Read more

Python: Explain different types of methods with examples.

By
In Python, there are several types of methods that can be defined within a class. Each type of method serves a specific purpose and has different characteristics. The common types of methods in Python are: Instance Methods: Instance methods are the most commonly used methods in Python classes. They are defined within a class and are intended to operate on individual instances of the class. Instance methods have access to the instance variables and can modify their values. Here's an example that demonstrates an instance method: class Circle: def __init__(self, radius): self.radius = radius def calculate_area(self): return 3.14159 * self.radius ** 2 circle = Circle(5) print(circle.calculate_area()) # Output: 78.53975 In the above example, the calculate_area() method is an instance method that calculates the area of a circle based on its radius. It uses the instance variable self.radius to perform the calculation. Class Methods: Class methods are define...
Post a Comment
Read more

How to delete multiple Git branches using pattern Matching

By
To delete multiple branches using Git with pattern matching, you can use a combination of Git commands and shell scripting. Here's an example of how you can achieve this:  1. Open a terminal or command prompt.  2. Navigate to your Git repository directory.  3. Use the following command to list all branches matching a specific pattern: git branch | grep "<pattern>" Replace <pattern> with the pattern you want to match. For example, if you want to delete all branches starting with "feature/" , you can use feature/* as the pattern.  This command lists all branches that match the specified pattern.  4. Review the branch names listed and make sure they are the ones you want to delete.  5. Once you're sure, you can use the following command to delete the branches: git branch | grep "<pattern>" | xargs git branch -D This command combines the previous `git branch` and `grep` commands to find the branches matching ...
Post a Comment
Read more