layui上次图片的前端和后端Java代码

以下是使用 layui 实现图片上传功能的前端和后端Java代码示例：

前端代码：

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

<script>
layui.use('upload', function(){
  var upload = layui.upload;
  
  //执行实例
  var uploadInst = upload.render({
    elem: '#uploadBtn', //绑定元素
    url: '/upload/', //上传接口
    done: function(res){
      //上传完毕回调
      if(res.code === 0){
        $('#previewImg').attr('src', res.data.url);
        $('#previewText').html('上传成功');
      }else{
        $('#previewText').html('上传失败');
      }
    },
    error: function(){
      //请求异常回调
      $('#previewText').html('上传失败');
    }
  });
});
</script>

后端代码：

import org.springframework.web.multipart.MultipartFile;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RestController;
import org.springframework.beans.factory.annotation.Value;
import java.io.File;

@RestController
public class UploadController {

    @Value("${file.upload.path}")
    private String uploadPath;

    @PostMapping("/upload")
    public Result upload(MultipartFile file) {
        if (file.isEmpty()) {
            return Result.fail("上传失败，未选择文件");
        }
        String fileName = file.getOriginalFilename();
        File dest = new File(uploadPath + fileName);
        try {
            file.transferTo(dest);
            return Result.success("上传成功", "/uploads/" + fileName);
        } catch (Exception e) {
            e.printStackTrace();
        }
        return Result.fail("上传失败");
    }

}

其中，前端代码使用 layui.upload 模块实现图片上传功能，后端代码使用 SpringBoot 框架实现接收上传文件和保存文件到本地的功能。需要在 application.properties 文件中配置文件上传路径：

file.upload.path=./uploads/

注意，由于Java代码示例使用了SpringBoot框架，因此需要在项目中添加SpringBoot依赖以及其他相关配置。