image control display as a no image and crash...

Bhavesh Vankar

i have taken image control in asp.net c# web application project. while project load time there is no image in image control its just blank or empty. but it display like has no image or broken or crash...kindly see and revert and help me to resolve this issue....

image control has no image and not assign any image. but display like broken or crash...

7 Replies

Know the answer? Post it — somebody with the same question will find it here.

Jignesh Kumar4y ago
Only one Image control but you have to use default image when image not available only. In case you have image then you can bind that image URL otherwise default image URL to control. Basically while getting data you need to create your URL.
Bhavesh Vankar4y ago
Actually in my project after login system work is user can capture image crop image and after than can upload image on main parent page.
but i have taken bootstrap modal for the image capture module...
when press "Photo" button then the bootsrap modal will open and user can capture there people photo crop as per requirments and last stage is can upload to parent page...

i have taken two server image control for this process....

i have not assign any image to this both image controls.

but question is if i assign default image for show "having no image" or "No Photo" so captured image display on this image control or what ?
please suggest best way ..

Thanks in advance.....
Jignesh Kumar4y ago
Hi Bhavesh,
It might be taking worng url path. Just check image path direct from browser url. incase you do not have image path than you can show default image which should indcate image not found.
Sachin Singh4y ago
you can also try this
1. '<%# System.IO.File.Exists(Server.MapPath(String.Format("../imagefolderpath/{0}", Eval("ImageName")))) %>' ImageUrl='<%# String.Format("../imagefolderpath/{0}", Eval("ImageName")) %>' runat="server" ID="Image1" />
Sachin Singh4y ago
because this is the basic nature of any image control, and you need to play with css to hide the broken image when there is no image.
Bhavesh Vankar4y ago
both solutions are not working sir. i have taken server image control. i could not understand why its happen with image....?
Sachin Singh4y ago
solution 1. Add an empty alt tag with space in your img tag
alt=" " runat="server"/>
solution 2.
"text/javascript">
    $(function(){
            $('img').on('error', function () {
            $(this).remove();
        })
     });