springboot MultipartFile 上传文件和下载

最新推荐文章于 2024-07-11 21:12:48 发布
最新推荐文章于 2024-07-11 21:12:48 发布
阅读量3.1k 收藏 3
点赞数
分类专栏： 前端应用
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hao65103940/article/details/79387540
版权
// 上传！！  工具类
public static String  uploadFile(byte[] file, String filePath, String fileName) throws Exception { 

        File targetFile = new File(filePath);  
    
        if(!targetFile.exists()){    
            targetFile.mkdirs();    
        }       
        
        String pathas=filePath+fileName;
        FileOutputStream out = new FileOutputStream(pathas);
       
        out.write(file);
        out.flush();
        out.close();
        
        return pathas;

    }

// 检测报告添加接口 文件上传
@RequestMapping(value="/testuploadimg", method = {RequestMethod.POST,RequestMethod.GET})
    public  String uploadImg(@RequestParam("file") MultipartFile file,HttpServletRequest request,@RequestParam("cardnum")String cardnum,@RequestParam("remark")String remark,@RequestParam("examinee")String examinee,@RequestParam("pathname")String pathname ) {
        String contentType = file.getContentType(); // 获取文件内容类型
        String fileName = file.getOriginalFilename();  // 获取上传文件名字
        
        String filePath = request.getSession().getServletContext().getRealPath("/upload/");  // 绝对路径


        System.out.println("filePath="+filePath);
//         System.out.println("filePath="+filePath);
        try {
       
            String uploadFile = HttpUtility.uploadFile(file.getBytes(), "E://upload/", fileName);
            
            String addreport = cardservice.addreport(uploadFile,cardnum,remark,examinee,pathname);
            
            return addreport;
            
        } catch (Exception e) {
            // TODO: handle exception
        }
        //返回json
        return JSON.toJSONString(ResultsUtils.error(ResultEnums.UPLOAD_FILE_ERROR));
    }


  // 文件下载
   @RequestMapping("/downreport")
   public String downreport(HttpServletRequest request,HttpServletResponse response) throws UnsupportedEncodingException{
   
   String paee=request.getParameter("path");
   System.out.println("paee="+paee); 
//    String filke=request.getSession().getServletContext().getRealPath("/upload/");
//    System.out.println("filke="+filke);
   paee=paee.trim();
   String flienames=  paee.substring(paee.lastIndexOf("/")+1,paee.length());
   System.out.println("flienames="+flienames);
  
   response.setHeader("content-type", "application/octet-stream");
   response.setContentType("application/octet-stream");
   response.setHeader("Content-Disposition", "attachment;filename="+URLEncoder.encode(flienames,"UTF-8"));
    byte[] buff = new byte[1024];
    BufferedInputStream bis = null;
    OutputStream os = null;
    try {
      os = response.getOutputStream();
      bis = new BufferedInputStream(new FileInputStream(new File(paee)));  //填写访问路径
      int i = bis.read(buff);
      while (i != -1) {
        os.write(buff, 0, buff.length);
        os.flush();
        i = bis.read(buff);
        
      }
    } catch (IOException e) {
//     e.printStackTrace();
   
    } finally {
      if (bis != null) {
        try {
          bis.close();
          
        } catch (IOException e) {
//           e.printStackTrace();
        }
      }
      if(os!=null){
      try {
os.close();
} catch (IOException e) {
// e.printStackTrace();
}
      }  
    }
    
    System.out.println("下载成功！");
  
    return null;
    
   }
   



--------------------------------------------------前端js--------------------------------------------------------------------------





<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="../Css/bootstrap-responsive.css" />
    <link rel="stylesheet" type="text/css" href="../Css/style.css" />
    <script type="text/javascript" src="../Js/jquery.js"></script>
    <!-- <script type="text/javascript" src="../Js/jquery.sorted.js"></script> -->
    <script type="text/javascript" src="../Js/bootstrap.js"></script>
    <script type="text/javascript" src="../Js/ckform.js"></script>
    <script type="text/javascript" src="../Js/common.js"></script>
 <script type="text/javascript" src="../Js/api.js"></script>
    


    <style type="text/css">
        body {
            padding-bottom: 40px;
        }
        .sidebar-nav {
            padding: 9px 0;
        }


        @media (max-width: 980px) {
            /* Enable use of floated navbar text */
            .navbar-text.pull-right {
                float: none;
                padding-left: 5px;
                padding-right: 5px;
            }
        }


#FileUpload {
width: 210px;
height: auto;
position: relative;
cursor: pointer;
outline: medium none;
filter: alpha(opacity=0);
-moz-opacity: 0;
/*opacity: 0;*/
border: 0px solid red ;
}


 #son {width:100px; height:10px; background-color:red; text-align:center; line-height:10px; font-size:20px; font-weight:bold; border: 0px solid red;margin-top: 200px;}  
   #parent{width:100%; height:100%; border:0px solid #09F;position: absolute;top: 0px; display: none;opacity:0.5;text-align: center; background-color:  #C0C0C0}  


    </style>
</head>
<body>
<form  id="form" action=""  enctype="multipart/form-data" method="post" >
<table class="table table-bordered table-hover definewidth m10"  style="text-align: center;">
   
    <tr>
        <td class="tableleft"  width="10%">上传报告：</td>
        <td>
             <input   id="FileUpload" type="file" name="file"/>
    </td>
    </tr>


    <tr>
        <td class="tableleft"  width="10%">报告名称：</td>
        <td>
             <input     type="text" name="pathname" id="pathname"/>
    </td>
     
    </tr>


    <tr>
        <td class="tableleft">卡号：</td>
        <td><input type="text" name="cardnum"  id="cardnum"/></td>
    </tr>
    <tr>
        <td class="tableleft">受检人：</td>
           <td>
       <select  id="examinee"  style="width: 210px; height: auto ;">
<!-- <option value="" style="text-align: center;"></option> -->
<!-- <option value="李四">李四</option> -->
<!-- <option value="王五">王五</option> -->
       </select>
</td>
    </tr>
    <tr>
        <td class="tableleft">备注：</td>
        <td>
           <input type="text" name="remark"  style="height: 50px;" id="remark">
        </td>
    </tr>


  <!--   <tr>
        <td class="tableleft">备注：</td>
        <td>
           <a href="F://上传文件/Java数据结构和算法.（第二版）.pdf"      download="F://上传文件/Java数据结构和算法.（第二版）.pdf"  name="remark"  style="height: 50px;" id="remark" > 数据接口算法</a>
        </td>
    </tr>
 -->
    <tr>
        <td class="tableleft"></td>
        <td>
            <button type="button" class="btn btn-primary" type="button"  id="btn">保存</button> &nbsp;&nbsp;<button type="button" class="btn btn-success" name="backid" id="backid">返回列表</button>&nbsp;&nbsp;<button type="button" class="btn btn-success" id="restss"  >重置</button>
        </td>
    </tr>
</table>
</form>


<div id="parent">
    <div id="son"></div>
</div>




</body>
</html>
<script>
    $(function () {       


      // 返回列表
$('#backid').click(function(){
window.location.href="index.html";
});


    });


// 重置
    $("#restss").click(function() {


           reset();
       $("#examinee").find("option").remove();
       $("#file").val("");


    });


//  卡号光标离开事件
$("#cardnum").blur(function(){


     var cardnum=$("#cardnum").val();
    if(isNull(cardnum)){
      alert("卡号不能为空！");
      // $("#cardnum").focus();
return false ;
    }
    else {
      // 受检人信息
examinees(cardnum);


    }


})


// 显示受检人信息
function examinees(cardnum){
  $.ajax({
  url: url1+api.searchname+"cardnum="+cardnum,
  type: 'get',
  dataType: 'json'
})
.done(function(data) {
  console.log(data); 
  if(data.results.status==603){
    alert("卡号没有对应的受检人！");
    $("#cardnum").val("");
    $("#examinee ").empty();


    return false ;
  }
  else {
 var  str="";
 while(data.results.result!=0){
 var  datas= data.results.result.shift();
     str+='<option value='+datas.id+'> '+datas.examinee_name+'</option>';
   
 }


    $("#examinee").html(str);
  }
})
.fail(function(error) {
  console.log("error");
});


}


   // BUI.use('bui/uploader',function (Uploader) {
          
   //    *
   //     * 返回数据的格式
   //     *
   //     *  默认是 {url : 'url'},否则认为上传失败
   //     *  可以通过isSuccess 更改判定成功失败的结构
       
   //    var uploader = new Uploader.Uploader({
   //      render: '#J_Uploader',
   //      url: '../../../test/upload/upload.php'
   //    }).render();
   //  });








// 上传获取文件
// var imgs=[];//存储图片链接
 // var fileM=document.querySelector("#file");    //  获取文件对象
 // var  fileM=document.getElementById("FileUpload").files[0];  // 获取文件对象
 // console.log(fileM);
// console.log($("#FileUpload").get(0).files[0]);


   //为文件上传添加change事件
   // var fileObj;
//  $("#file").on("change",function(){
//   // console.log(fileM.files);
//   //获取文件对象，files是文件选取控件的属性，存储的是文件选取控件选取的文件对象，类型是一个数组
//    fileObj=fileM.files[0];
//   // console.log(fileObj);
//   //创建formdata对象，formData用来存储表单的数据，表单数据时以键值对形式存储的。
//   formData.append('file',fileObj);
// })






// 提交点击事件
   $("#btn").click(function(){
                                         var formData=new FormData();  // 定义一个formdata对象
                                          //创建ajax对象
                                       var ajax=new XMLHttpRequest();
                                               // var ddnum=$("#ddnum").val();
                                               var cardnum=$("#cardnum").val();
                                               // var flownum=$("#flownum").val();
                                               var examinee=$("#examinee option:selected").val();
                                               var remark=$("#remark").val();
                                              var pathname=$("#pathname").val();
                             
                                      if(isNull(cardnum)||isNull(examinee)||isNull(pathname)){


                                              alert("内容不能为空");
                                              console.log("内容不能");
                                              return  ;
                                       }else{
                                                    // formData.append("orderid",ddnum);
                                   $("#parent").css("display","block");
                                                   var  fileM=document.getElementById("FileUpload").files[0];  // 获取文件对象
                                           // console.log(fileM);
                                                   formData.append('file',fileM);
                                                   formData.append("cardnum",cardnum);
                                                   formData.append("remark",remark);
                                                   // formData.append("flownum",flownum);
                                                   formData.append("examinee",examinee);
                                                   formData.append("pathname",pathname);
                                   //发送POST请求
                                   // ajax.open("POST",url1+api.testuploadimg,true);
                                   // ajax.send(formData);
                                      $.ajax({ 
                                      url : url1+api.testuploadimg, 
                                      type : 'POST', 
                                      data : formData, 
                                      // 告诉jQuery不要去处理发送的数据
                                      processData : false, 
                                      // 告诉jQuery不要去设置Content-Type请求头
                                      contentType : false,
                                      　xhr: function(){   // 显示进度条
　　　　　　var xhr = $.ajaxSettings.xhr();
　　　　　　if(onprogress && xhr.upload) {
　　　　　　　　xhr.upload.addEventListener("progress" , onprogress, false);
　　　　　　　　return xhr;
　　　　　　}
　　　　} ,
                                      success : function(responseStr) {
                                        var data=JSON.parse(responseStr);
                                      console.log(data); 
                                      console.log("success");
                                      if(data.results.status==4){
                                            alert(data.results.message);
                                            window.location.href="index.html";
                                      }
                                      else {
                                            alert("添加失败！");
                                           reset();
                                      }
                                      }, 
                                      error : function(responseStr) { 
                                      console.log("error");
                                      } 
                                      });
                              //      ajax.onreadystatechange=function(){
                              //      if (ajax.readyState == 4) {
                              //       // console.log(ajax.responseText);
                              //       if (ajax.status>=200 &&ajax.status<300||ajax.status==304) {
                              //       // console.log(ajax.responseText);
                              //        // var  obj=ajax.responseText;
                              //       var obj=JSON.parse(ajax.responseText);
                              //       // console.log(obj);
                              //       if(obj.results.status==4){
                              //     alert(obj.results.message);
                              //       window.location.href="index.html";
                              //       }
                              //       }else{
                              //            alert("添加失败！");
                              //           reset();
                              //       }
                              //           }
                              // }
}






   })


function onprogress(evt){
  // console.log(123123);
　　var loaded = evt.loaded;                  //已经上传大小情况 
   var tot = evt.total;                      //附件总大小 
   var per = Math.floor(100*loaded/tot);     //已经上传的百分比  
　　$("#son").html( per +"%" );
   $("#son").css("width" , per +"%");
}


</script>

灬囖
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
springboot 文件下载接口
vrix的专栏
09-28 2353
@GetMapping("/download/{fileName}") @ResponseBody public ResponseEntity<Object> downloadFile(@PathVariable(name = "fileName") String fileName) throws FileNotFoundException { File file = new File(fileUploadRootDir + fileName); ...
spring jar包下载 含multipart file
04-17
文件上传下载 根据multipart类的方法： 即multipartFile.transferTo(file); 就完成文件上传
Spring boot 文件上传：
lx1315998513的博客
08-12 266
概述 下面我们来学习如何使用 Maven 创建一个 Java Web 应用程序 创建 Maven 项目 选择 File -> New -> Project... 选择 Maven 项目 填写项目信息 选择工作空间 目录结构 Java Web 的 Maven 基本结构如下： ├─src │ ├─main │ │ ├─java │ │ ├─resources │ │ └─webapp │ │ └─WEB-INF │ └─test │ └─java 结构
Springboot 文件上传
最新发布
小林的博客
07-11 1448
文件上传，是指将本地图片、视频、音频等文件上传到服务器，供其他用户浏览或下载的过程。文件上传在项目中应用非常广泛，我们经常发微博、发微信朋友圈都用到了文件上传功能。在进行文件上传时，我们点击加号或者是点击图片，就可以选择手机或者是电脑本地的图片文件了。当我们选择了某一个图片文件之后，这个文件就会上传到服务器，从而完成文件上传的操作。
SpringBoot项目中使用MultipartFile来上传文件(包含多文件)
热门推荐
Aplumage的专栏
08-15 2万+
SpringBoot项目中使用MultipartFile来上传文件(包含多文件)
通用MultipartFile 文件上传下载、前端页面显示、下载在浏览器左下角显示
wow~
06-12 944
通用MultipartFile 文件上传下载、前端页面显示、下载在浏览器左下角显示
解决springboot MultipartFile文件上传遇到的问题
08-27
本文介绍了解决 Spring Boot MultipartFile 文件上传遇到的三种问题，包括 ajax 传过去的参数在 Controller 中接受不到、`org.springframework.web.multipart.support.MissingServletRequestPartException` 异常和 `...
SpringBoot实现文件上传和下载.docx
12-10
对于文件下载，可以创建一个`DownloadController`，使用`@GetMapping`处理GET请求。当用户点击链接下载文件时，控制器会调用`StorageService`的`loadAsResource`方法，将文件转换为`Resource`对象，然后使用`...
SpringBoot实现文件上传和下载功能源码
12-10
`handleFileDownload`方法负责提供文件下载服务。它创建一个`ResponseEntity`，设置`Content-Disposition`头为"attachment"，这样浏览器会弹出下载对话框。通过`InputStreamResource`，我们可以将文件流直接返回给...
springboot实现文件上传和下载功能
08-30
文件下载的实现方式是指在后端java代码中使用HttpServletResponse来输出文件流，例如： ```java @RequestMapping("/testDownload") public void testDownloadFile(HttpServletResponse response) throws IOException...
SpringBoot 文件上传和下载的实现
08-27
SpringBoot 文件上传和下载的实现 SpringBoot 是一个基于 Java 语言的框架，它提供了许多实用的功能模块，例如 Web 服务、数据库访问、安全性等等。文件上传和下载是 Web 开发中非常常见的功能，下面我们将介绍...
通过import org.springframework.web.multipart.MultipartFile;上传文件
09-27
通过import org.springframework.web.multipart.MultipartFile;上传文件的一个工具性的jar.
多文件上传MultipartFile
12-15
本次带来的是MultipartFile多文件文件上传，可以在sql执行完成，没有出现异常，再将文件保存进我们的服务器，如果出现异常，文件不会上传到我们的服务器
MultipartFile实现文件上传和下载（Springboot)
qq_43649937的博客
12-30 2715
MultipartFile java
springboot中文件上传下载用MultipartFile
lihuihao2的博客
01-20 1396
代码 package com.springbootshiro.sprshiro.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.b...
SpringMVC:使用MultipartFile实现文件上传与下载
y516369的博客
07-08 1950
SpringMVC:使用MultipartFile实现文件上传与下载
Spring Boot搭建文件上传和下载接口
qq_46183012的博客
03-24 2196
点我查看视频教程 文件上传和下载接口 import lombok.extern.slf4j.Slf4j; import org.springframework.web.bind.annotation.*; import org.springframework.web.multipart.MultipartFile; import javax.servlet.http.HttpServletResponse; import java.io.*; import java.net.URLEncoder; impo
java文件/图片的上传与下载 以及MultipartFile
weixin_71454352的博客
01-09 3292
java文件/图片的上传与下载 以及MultipartFile
springboot实现文件上传（关于 MultipartFile）
weixin_43105356的博客
03-29 1782
从springmvc获取到的文件是MultipartFile类型的，有的时候不能直接用从这种类型获取到的inputstream操作一些事情。 //getInputStream() 方法 返回InputStream读取文件的内容 InputStream in = file.getInputStream(); ...
springboot MultipartFile 上传文件
10-18
好的，关于 Spring Boot 中使用 MultipartFile 上传文件，你可以按照以下步骤进行操作： 1. 在前端页面中添加一个文件上传的表单，例如： ```html 上传 ``` 2. 在后端控制器中添加一个处理文件上传的方法，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值