function readURL_3(input) {

            if (input.files && input.files[0]) {

                var reader = new FileReader();

                reader.onload = function (e) {

                          $('#images_3')

                        .attr('src', e.target.result)

                        .width(170)

                        .height(170);

$(this).css('padding', '10px');

                };

                reader.readAsDataURL(input.files[0]);

            }

        }

As you can see part of these codes that allow me to hide upload filed type=file along with button inside of images where  retrieve image from database,  so I can click ON THE IMAGE to select other  image and CHANGE IMAGE which is works great...

My next step is that if I want to remove or delete image from database ONLY NOT the record but image file name only and AUTOMATIC REPLACE with icon images as empty column, how can i write code if I want to remove image by click button on the bottom of each image! 

The code that you see on the top, is preventing from deleting images, is this possible to have ajax upload images with out pressing submit button! or is there is other way that can be done! please provide sample code... I use image_1 , image_2 , image_ 3 as column name...

please help thanks.

AM