如何在成功AJAX上更改图像src

Question

形式：

<form  action="/user/updateProfilePicture" id="uploadPhotoForm" method="POST" enctype="multipart/form-data">
      <button class="btn btn-onetraffic btn-responsive btn-large">+Change photo</button>
      <input class="btn btn-onetraffic btn-responsive btn-large" style="opacity: 0; height: 34px; margin-top: -34px;" type="file" id="uploadPhoto" name="file" accept="image/*">
</form>

我想要更改图片来源的Div：

 <div id="img-container">
   <img id="upSlika" src="#"/>
 </div>

我通过JSON从服务器获取我的图片网址

我试过了：

success:function(){
                    console.log("success");
                    $("#upSlika").attr("src", res.pictureUrl);
                },

res是我得到的回应

Answer 1

成功回调必须是这样的：

out/

Answer 2

您需要使用：

success: function (res) {  
      $("#upSlika").attr("src", res["pictureUrl"]);    
}

Answer 3

在较新版本的jQuery上使用.prop（）。

success: function (response) {  
  $("#upSlika").prop("src", response.image);    
}

其中response.image包含图像src。

在ajax.php文件中，您可以在数组中添加src，如下例所示：

json_encode(array('status'=>'success', 'image'=>'/path/to/image.jpg') );