Skip to main content

Jquery Image Validation

1 ) jQuery validator method

 jQuery.validator.addMethod('img_ext',function(value,element){
        if(value=="")
        {
            return true;
        }
        //alert(element.files[0].size);
        var ext_index=value.lastIndexOf('.');
        var ext=value.substring(ext_index+1);
        var ext_lcase=ext.toLowerCase();
        if(ext_lcase=='jpeg' || ext_lcase=='jpg' || ext_lcase=='png' || ext_lcase=='gif')
        {
            return true;
        } else {
            return false;
        } }, "Please select valid image file" );

Html

<input name="logo_image1" type="file"  class="required img_ext" id="logo">

2)  $('#addAlbum').validate({
            ignoreTitle: true,
                rules: {
                        "image":
                        {
                            required: true,
                            accept: 'jpg|png|gif|jpeg'
                        },
 messages: {
                    "image":
                     {
                        required: 'This field is required.',
                        accept: 'Please upload valid file formats'
                     }
   });

Html 

 <input type="file" onchange="document.getElementById('file_fake').value = this.value.replace(/.*?[\/\\]([^\/\\]+)$/, '$1')"
                             class="file_select imgupload" name="image"  id="attachImg1"/>

3) validating size and type

$('#attachImg').change(function(){
                var input = document.getElementById("attachImg"),formdata = false;               
                if (window.FormData) {
                    formdata = new FormData();
                }   
                file = input.files[0];       
                formdata.append("upload", file);
               
                var t=$(this);
               
                if (formdata) {
                    $.ajax({
                        url:ajax_url+"Members/ajax_image_validation/700/700",
                        type: "POST",
                        data: formdata,
                        processData: false,
                        contentType: false,
                        cache:false,
                        success: function (resp) {
                                    if(resp!='ok')
                                    {
                                        alert(resp);
                                        $("#file_fake1").val('');
                                            $("#attachImg").attr('value','');
                                       
                                    }
                                                                  
                                   
                        }
                    });
                }
        });
Html
<input type="file" onchange="document.getElementById('file_fake').value = this.value.replace(/.*?[\/\\]([^\/\\]+)$/, '$1')"
                             class="file_select imgupload" name="image"  id="attachImg1"/>

In method: 
    function ajax_image_validation($x,$y){
   
        if(is_uploaded_file($_FILES['upload']['tmp_name']))
        {
            $imgName = pathinfo($_FILES['upload']['name']);          
            $ext = strtolower($imgName['extension']);
            if($ext=='tiff' || $ext=='jpeg' || $ext=='png' || $ext=='jpg')
            {
                list($width,$height)= getimagesize($_FILES["upload"]["tmp_name"]);
                if($width >= $x && $height >= $y)
                {
                    echo "ok";  
                }else{
                    echo "Image dimensions should be (".$x." x ".$y.") or greater";
                }
            }else{
                echo "Invalid file format";
            }
        }
        die;
    }
Labels:

Comments

Post a Comment

Popular posts from this blog

A Guide to UTF-8 for PHP and MySQL

Data Encoding: A Guide to UTF-8 for PHP and MySQL As a MySQL or PHP developer, once you step beyond the comfortable confines of English-only character sets, you quickly find yourself entangled in the wonderfully wacky world of UTF-8. On a previous job, we began running into data encoding issues when displaying bios of artists from all over the world. It soon became apparent that there were problems with the stored data, as sometimes the data was correctly encoded and sometimes it was not. This led programmers to implement a hodge-podge of patches, sometimes with JavaScript, sometimes with HTML charset meta tags, sometimes with PHP, and soon. Soon, we ended up with a list of 600,000 artist bios with double- or triple encoded information, with data being stored in different ways depending on who programmed the feature or implemented the patch. A classical technical rat’s nest.Indeed, navigating through UTF-8 related data encoding issues can be a frustrating and hair-pul...
Post a Comment
Read more

How To Create Shortcodes In WordPress

We can create own shortcode by using its predified hooks add_shortcode( 'hello-world', 'techsudhir_hello_world_shortcode' ); 1. Write the Shortcode Function Write a function with a unique name, which will execute the code you’d like the shortcode to trigger: function techsudhir_hello_world_shortcode() {    return 'Hello world!'; } Example: [hello-world] If we were to use this function normally, it would return Hello world! as a string 2. Shortcode function with parameters function techsudhir_hello_world_shortcode( $atts ) {    $a = shortcode_atts( array(       'name' => 'world'    ), $atts );    return 'Hello ' . $a['name'] . !'; } Example: [hello-world name="Sudhir"] You can also call shortcode function in PHP using do_shortcode function Example: do_shortcode('[hello-world]');
Post a Comment
Read more

How to replace plain URLs with links

Here we will explain how to replace Urls with links from string Using PHP $string ='Rajiv Uttamchandani is an astrophysicist, human rights activist, and entrepreneur. Academy, a nonprofit organization dedicated to providing a robust technology-centered education program for refugee and displaced youth around the world.  CNN Interview - https://www.youtube.com/watch?v=EtTwGke6Jtg   CNN Interview - https://www.youtube.com/watch?v=g7pRTAppsCc&feature=youtu.be'; $string = preg_replace('@(https?://([-\w\.]+)+(:\d+)?(/([\w/_\.%-=#]*(\?\S+)?)?)?)@', '<a href="$1">$1</a>', $string); Using Javascript <script> function linkify(inputText) {     var replacedText, replacePattern1, replacePattern2, replacePattern3;     //URLs starting with http://, https://, or ftp://     replacePattern1 = /(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim;     replacedText = inputT...
1 comment
Read more