<img> src won't be change using Java Script in [ View ] [ ASP.NET MVC ]

Question

I try to detect if <img> src not found change it with another src using JQUERY, I work on ASP.NET MVC project, and the src come from Controller.

This is what I try :

HTML

@foreach (var item in ViewBag.DATA)
  {

if (item.IMG_FRMTR != null)

     {

      ViewBag.IMG = String.Format("data:image/jpg;base64," + Convert.ToBase64String(item.IMG_FRMTR));

     }

  }

   <img id="IMG" src="@ViewBag.IMG" onerror="standby()" style="width:200px;height:200px">

JQUERY

    function standby() {
       
        document.getElementById('IMG').src = 'https://www.google.com/images/srpr/logo11w.png';

    }

Controller Action

            ViewBag.DATA = PROF_model.Select(CIN);

            return View();

PROF_model.Select Method

    public static List<FRMTR> Select(string CIN)
    {
        var R = (from P in SCHOOL_DB_Context.Con.FRMTRs where P.CIN_FRMTR == CIN select P).ToList();

        return R;
    }

Please any help ?

Note : I look for a lot solution here in Stackoverflow but no one solve my problem

Thanks in advance <3

In what way does it fail? Is your standby function ever invoked? What specifically happens? The intended functionality appears to work as expected in isolation: jsfiddle.net/uhn7zLmw — David
– David, Commented May 29, 2020 at 12:35
Firstly thanks for your answer bro, When I have an src the image dispalyed without any problem, but when img hasn't src standby function not executed — ADS MB
– ADS MB, Commented May 29, 2020 at 12:36
If the onerror event isn't triggered then it sounds like there's no error. For the <img> element which should be triggering an error, what is the actual resulting client-side element in the browser? What src value is there? In the browser's debugging tools, in the network tab, what is the request made for that src and what is the server's response? — David
– David, Commented May 29, 2020 at 12:40
the on error event doesn't fire if the src is blank, try something like src="@(string.IsNullOrWhitespace(ViewBag.IMG) ? "~/0.jpj" : ViewBag.IMG)" where 0.jpg doesn't exist — Pete
– Pete, Commented May 29, 2020 at 12:44

ADS MB · Accepted Answer · 2020-05-29 13:03:34Z

1

Thanks for @Pete, he gaves me a great solution that is :

Using just HTML with Tag Helpers like this :

<img id="PROF_IMG" src="@(string.IsNullOrWhiteSpace(ViewBag.IMG)?"https://www.google.com/images/srpr/logo11w.png" : ViewBag.IMG)" style="width:200px;height:200px">

answered May 29, 2020 at 13:03

ADS MB

17514 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

<img> src won't be change using Java Script in [ View ] [ ASP.NET MVC ]

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related