Java利用Layui前端框架进行文件上传

最新推荐文章于 2024-05-31 21:29:06 发布

D7号星球

最新推荐文章于 2024-05-31 21:29:06 发布

阅读量873

点赞数

本文链接：https://blog.csdn.net/weixin_45011156/article/details/106895660

版权

上传表格文件

file.html

<!DOCTYPE html>
<!-- saved from url=(0043)https://demo.demohuo.top/modals/6/637/demo/ -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>文件管理</title>
<!--主要样式-->
<link rel="stylesheet" href="./layui/css/layui.css" media="all">
<style>
body {
	margin: 10px;
}
.demo-carousel {
	height: 200px;
	line-height: 200px;
	text-align: center;
}
</style>
</head>
<body>

	<div class="layui-upload-drag" id="test10">
		<i class="layui-icon"></i>
		<p>点击上传，或将文件拖拽到此处</p>
	</div>
	<script src="./layui/layui.js"></script>
	<script src="./js/file.js"></script>
</body>
</html>

file.js

layui.use(['laypage', 'layer', 'table','jquery','upload'], function(){
  var laypage = layui.laypage //分页
  ,layer = layui.layer //弹层
  ,table = layui.table //表格
  ,$=layui.jquery //jquery
  ,upload=layui.upload

//拖拽上传
  upload.render({
    elem: '#test10'
    ,url: 'file/upload.do' //改成您自己的上传接口
    ,accept:"file"
    ,done: function(res){
      layer.msg(res.message);
     
      console.log(res)
    }
  });
  });

FileController.java

package com.whc.noteserver.controller;

import java.io.BufferedInputStream;
import java.io.BufferedOutputStream;
import java.io.File;
import java.io.FileInputStream;
import java.io.InputStream;
import java.net.URLEncoder;
import java.util.HashMap;
import java.util.List;
import java.util.UUID;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import javax.servlet.http.HttpSession;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;
import org.springframework.web.multipart.MultipartFile;
import com.whc.noteserver.entity.NoteBook;
import com.whc.noteserver.param.NoteBookParam;
import com.whc.noteserver.result.LayPage;
import com.whc.noteserver.service.NoteBookService;
import com.whc.noteserver.util.JsonResult;

@Controller //注解，组件扫描加入到spring容器中
@RequestMapping("/file") //类controller的映射路径
public class FileController {
	/**
	 *  文件上传
	 * @return
	 */
	@RequestMapping("/upload")
	@ResponseBody
	public JsonResult upload(MultipartFile file) {
		try {
			String path="E:\\images\\2020-06-17\\";
			if(!new File(path).exists()) {
				new File(path).mkdirs();
			}
			String fileName="1.xls";
			
			file.transferTo(new File(path+fileName));
		}catch(Exception e) {
			e.printStackTrace();
		}
		return new JsonResult(JsonResult.STATE_SUCCESS,"上传成功",null);
	}
	}

D7号星球

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Java利用Layui前端框架进行文件上传

file.html<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>文件管理</title><!--主要样式-
复制链接

扫一扫