Ajax img request end with success but cannot set image src

Question

I have a default image which is loaded in the HTML. Then i check if a personal image exists with an ajax request, the request is succesful however it cannot set the new image src. The image loaded from HTML is always displayed. The code to set the new image src works if it is outside the ajax request. This is my code:

 <img id="imageid" src="media/default/slider.jpg" alt=""/>
 ...
 <script type="text/javascript">





$.ajax({
    url:'media/' + loginmail + '/slider.jpg',
    type:'GET',
    dataType: "image/gif",
    error: function()
    {


    },
    success: function(data)
    {

        alert("success" );

        $('#imageid').attr('src', "media/" + loginmail +    "/slider.jpg");           
    }
});

Thank you. EDITED:

I really do not know if it changes something but i am using the http://slimimagecropper.com/ Plugin.

 <div id="my-cropper" class="slim" style="width:1200px; height: 300px; border:0;"
data-service="async.php"
data-fetcher="fetch.php"
data-ratio="12:3"
data-size="1200,300"
data-label="Insert here your image">   
<img id="imageid" src="media/default/slider.jpg" alt=""/>
<input type="file" accept="image/jpeg, image/png" name="slim[]"/>

The success function tries to set the image src twice, both with different values. Until you resolve or clarify that then it'll just be best guesses. — Reinstate Monica Cellio, Apr 05 '17 at 10:41
thank you, sorry, i left some tests, i have corrected my code. — GIANLUCA MONICA, Apr 05 '17 at 10:45
are you trying to store image path in database.in simple? and what type of development i mean is it asp.net ? — Ajay Kumar, Apr 05 '17 at 10:52
You might want to have a look at this answer: http://stackoverflow.com/a/38478160/6003350 — Rakesh V, Apr 05 '17 at 10:54
no, i used ajax only to see if the image exists. The image is a file on server, not in the DB. — GIANLUCA MONICA, Apr 05 '17 at 10:54
oh so you are answered? like you dont want to do anything with the image from the server? — Mosd, Apr 05 '17 at 10:57
have you logged the `data` you got in response in the console? if yes, what it is? — Yogesh Mistry, Apr 05 '17 at 11:09
yes, i did, i have got random symbols 'cause it is an image file. thank you for your time. — GIANLUCA MONICA, Apr 05 '17 at 11:18

score 0 · Answer 1 · 2017-04-05T11:05:32.287

0

I replace the image source in ajax with random image url and it works. check here

Also write all your inside this function.

$(function(){});

edited Apr 05 '17 at 11:05

answered Apr 05 '17 at 10:54

thank you, i tried replacing with http://lorempixel.com/400/200/sports/Dummy-Text/. It doesn't work. – GIANLUCA MONICA Apr 05 '17 at 11:05
replace it where you're setting the `src` of image i.e. `$('#imageid').attr('src', "http://lorempixel.com/400/200/sports/Dummy-Text/"); ` – Apr 05 '17 at 11:09
thank you, it works on fiddle, i am thinking the problem is the plugin http://slimimagecropper.com/ that i use. – GIANLUCA MONICA Apr 05 '17 at 11:15

score 0 · Answer 2 · answered Apr 05 '17 at 11:00

0

remove below line of code

dataType: "image/gif",

answered Apr 05 '17 at 11:00

Vindhyachal Kumar

1,613
2
20
26

Ajax img request end with success but cannot set image src

2 Answers2