layui实现图片上传

Layui实现图片上传可以通过layUpload组件来实现。您可以使用以下代码来实现：

HTML代码：

<div class="layui-upload">
  <button type="button" class="layui-btn" id="upload">上传图片</button>
  <div class="layui-upload-list">
    <img class="layui-upload-img" id="preview">
    <p id="filename"></p>
  </div>
</div>

JavaScript代码：

layui.use('upload', function(){
  var upload = layui.upload;
  
  //执行实例
  var uploadInst = upload.render({
    elem: '#upload', //绑定元素
    url: '/upload/', //上传接口
    accept: 'images',
    size: 1024,
    done: function(res){
      //上传完毕回调
      $('#preview').attr('src', res.url);
      $('#filename').html(res.filename);
    },
    error: function(){
      //请求异常回调
    }
  });
});

这样，您就可以通过点击按钮选择图片并上传了，上传成功后还会在页面上显示您刚刚上传的图片和文件名。