使用ajax响应更新图像的src

Question

我正在尝试通过ajax更新用户的个人资料图片。到目前为止，我已将新图像存储在db中，显示加载gif，但我无法更新正在显示的图像。我在将响应变量附加到src属性时遇到问题，该属性再次使用laravel url（）生成。

success: function(data){
  $('#displayPhoto').html('<img src="{{url('images/profile/')}}.data[0]" alt="" class="responsive-img" style="height: 132px; width: 132px;">');
 });

Answer 1

你shouldn't mix PHP and JS。在控制器方法中使用URL并将完整URL返回给JS的更好方法，例如：

$('#displayPhoto').html('<img src="' + data[0] + '" alt="" class="responsive-img" style="height: 132px; width: 132px;">');

Answer 2

在js中，如果要附加数据，则必须使用“+”代替变音符号'。' 编辑代码：

success: function(data){
  $('#displayPhoto').html('<img src="'+data[0]+'" alt="" class="responsive-img" style="height: 132px; width: 132px;">');
 });