Question

我有一个加载在HTML中的默认图像。然后我检查个人形象是否存在ajax请求，请求是成功的，但它无法设置新的图像src。始终显示从HTML加载的图像。设置新图像src的代码如果在ajax请求之外则有效。这是我的代码：

 <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");           
    }
});

谢谢。编辑：

我真的不知道它是否会改变，但我使用的是http://slimimagecropper.com/插件。

 <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[]"/>

Answer 1

我用随机图像网址替换ajax中的图像源并且它可以工作。检查here

同时在此功能中写下所有内容。

$(function(){});

Answer 2

删除以下代码行

dataType: "image/gif",

Ajax img请求以成功结束但无法设置image src

2 个答案: