layui中图片上传如何将上传的图片地址返回给页面

在layui中，图片上传后将上传的图片地址返回给页面，可以通过使用回调函数来实现。

首先，要在页面中定义一个img元素，用来展示上传后的图片：

<img src="" id="imagePreview" style="display:none;">

然后，在上传按钮的点击事件中，调用layui的upload组件来上传图片，并在上传成功后调用回调函数：

layui.use('upload', function(){
  var upload = layui.upload;

  //执行上传
  var uploadInst = upload.render({
    elem: '#uploadButton', //上传按钮id
    url: 'your/upload/url', //上传接口
    done: function(res){
      //上传完毕回调
      if(res.code == 0){
        //将上传的图片地址赋值给img元素的src属性
        $('#imagePreview').attr('src', res.data.src);
        $('#imagePreview').show(); //显示图片
      }
    },
    error: function(){
      //请求异常回调
    }
  });
});

在上传成功的回调函数(done)中，我们可以通过res.data.src来获取上传的图片地址，然后将该地址赋值给img元素的src属性，在此之前需要将img元素的display属性设置为none，然后显示该图片。

注意：上面的代码中，'your/upload/url'需要替换为实际的图片上传接口地址。此外，还可以在这个地方对返回的数据进行处理，比如判断返回数据的code是否为0，代表上传成功。

这样，就可以通过layui实现在图片上传后将上传的图片地址返回给页面并展示出来了。