云笔记上传文件

最新推荐文章于 2022-03-03 20:55:39 发布

幽小蓝

最新推荐文章于 2022-03-03 20:55:39 发布

阅读量1.6k

点赞数

本文链接：https://blog.csdn.net/qq_45686696/article/details/107208724

版权

云笔记上传文件

1.flie.html`

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <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>


  </br></br>
  <a href="file/download.do" >下载</a>



 
<script src="./layui/layui.js"></script>
<script src="./js/file.js"></script>


</body>
</html>

2.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)
    }
  });
  

  
  
  $("#download").click(function(){
	  $.ajax({
          url: "file/download.do",
          type: 'post',         
          success: function (data, status, xhr) {
              console.log("Download file DONE!");
              console.log(data); // ajax方式请求的数据只能存放在javascipt内存空间，可以通过javascript访问，但是无法保存到硬盘
              console.log(status);
              console.log(xhr);
              console.log("=====================");
          }
      }); 
  });

});

3.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);
	}
	
	@RequestMapping("/download")
	public void download(HttpServletRequest request,HttpServletResponse response) {
		String filePath="E:\\images\\2020-06-17\\1.xls";
		try {
			InputStream bis= new BufferedInputStream(new FileInputStream(new File(filePath)));
			String fileName="张三.xls";
			fileName=URLEncoder.encode(fileName,"UTF-8");
			response.addHeader("Content-Disposition", "attachment;filename="+fileName);
			response.setContentType("multipart/form-data");
			BufferedOutputStream out = new BufferedOutputStream(response.getOutputStream());
			int len=0;
			while((len=bis.read())!=-1) {
				out.write(len);
				out.flush();
			}
			out.close();
			bis.close();
			
		} catch (Exception e) {
			e.printStackTrace();
		}
		
	}
}

幽小蓝

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
云笔记上传文件

云笔记上传文件1.flie.html`<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <title>笔记管理&lt
复制链接

扫一扫