最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

springboot整合vue實(shí)現(xiàn)上傳下載文件

 更新時(shí)間:2021年02月09日 14:04:47   作者:SingleOneMan  
這篇文章主要為大家詳細(xì)介紹了springboot整合vue實(shí)現(xiàn)上傳下載文件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

springboot整合vue實(shí)現(xiàn)上傳下載文件,供大家參考,具體內(nèi)容如下

環(huán)境

springboot 1.5.x

完整代碼下載:springboot整合vue實(shí)現(xiàn)上傳下載

1、上傳下載文件api文件

設(shè)置上傳路徑,如例子:

private final static String rootPath =
System.getProperty(“user.home”)+File.separator+fileDir+File.separator;

api接口:

下載url示例:http://localhost:8080/file/download?fileName=新建文本文檔.txt

//上傳不要用@Controller,用@RestController
@RestController
@RequestMapping("/file")
public class FileController {
 private static final Logger logger = LoggerFactory.getLogger(FileController.class);
 //在文件操作中,不用/或者\(yùn)最好,推薦使用File.separator
 private final static String fileDir="files";
 private final static String rootPath = System.getProperty("user.home")+File.separator+fileDir+File.separator;
 @RequestMapping("/upload")
 public Object uploadFile(@RequestParam("file") MultipartFile[] multipartFiles, final HttpServletResponse response, final HttpServletRequest request){
 File fileDir = new File(rootPath);
 if (!fileDir.exists() && !fileDir.isDirectory()) {
  fileDir.mkdirs();
 }
 try {
  if (multipartFiles != null && multipartFiles.length > 0) {
  for(int i = 0;i<multipartFiles.length;i++){
   try {
   //以原來的名稱命名,覆蓋掉舊的
   String storagePath = rootPath+multipartFiles[i].getOriginalFilename();
   logger.info("上傳的文件:" + multipartFiles[i].getName() + "," + multipartFiles[i].getContentType() + "," + multipartFiles[i].getOriginalFilename()
    +",保存的路徑為:" + storagePath);
    Streams.copy(multipartFiles[i].getInputStream(), new FileOutputStream(storagePath), true);
   //或者下面的
    // Path path = Paths.get(storagePath);
   //Files.write(path,multipartFiles[i].getBytes());
   } catch (IOException e) {
   logger.error(ExceptionUtils.getFullStackTrace(e));
   }
  }
  }

 } catch (Exception e) {
  return ResultUtil.error(e.getMessage());
 }
 return ResultUtil.success("上傳成功!");
 }

 /**
 * http://localhost:8080/file/download?fileName=新建文本文檔.txt
 * @param fileName
 * @param response
 * @param request
 * @return
 */
 @RequestMapping("/download")
 public Object downloadFile(@RequestParam String fileName, final HttpServletResponse response, final HttpServletRequest request){
 OutputStream os = null;
 InputStream is= null;
 try {
  // 取得輸出流
  os = response.getOutputStream();
  // 清空輸出流
  response.reset();
  response.setContentType("application/x-download;charset=GBK");
  response.setHeader("Content-Disposition", "attachment;filename="+ new String(fileName.getBytes("utf-8"), "iso-8859-1"));
  //讀取流
  File f = new File(rootPath+fileName);
  is = new FileInputStream(f);
  if (is == null) {
  logger.error("下載附件失敗,請(qǐng)檢查文件“" + fileName + "”是否存在");
  return ResultUtil.error("下載附件失敗,請(qǐng)檢查文件“" + fileName + "”是否存在");
  }
  //復(fù)制
  IOUtils.copy(is, response.getOutputStream());
  response.getOutputStream().flush();
 } catch (IOException e) {
  return ResultUtil.error("下載附件失敗,error:"+e.getMessage());
 }
 //文件的關(guān)閉放在finally中
 finally
 {
  try {
  if (is != null) {
   is.close();
  }
  } catch (IOException e) {
  logger.error(ExceptionUtils.getFullStackTrace(e));
  }
  try {
  if (os != null) {
   os.close();
  }
  } catch (IOException e) {
  logger.error(ExceptionUtils.getFullStackTrace(e));
  }
 }
 return null;
 }
}

訪問:http://localhost:8080

上傳:

批量上傳:

下載:

2.上傳大文件配置

/**
 * 設(shè)置上傳大文件大小,配置文件屬性設(shè)置無效
 */
 @Bean
 public MultipartConfigElement multipartConfigElement() {
 MultipartConfigFactory config = new MultipartConfigFactory();
 config.setMaxFileSize("1100MB");
 config.setMaxRequestSize("1100MB");
 return config.createMultipartConfig();
 }

3.vue前端主要部分

<template>
 <div style="top:100px;width:300px">
 <el-form :model="form" label-width="220px">
  <el-form-item label="請(qǐng)輸入文件名" required>
  <el-input v-model="form.fileName" auto-complete="off" class="el-col-width" required></el-input>
  </el-form-item>
  <el-form-item>
  <el-button size="small" type="primary" @click="handleDownLoad">下載</el-button>
  </el-form-item>
  <el-form-item>
  <el-upload class="upload-demo" :action="uploadUrl" :before-upload="handleBeforeUpload" :on-error="handleUploadError" :before-remove="beforeRemove" multiple :limit="5" :on-exceed="handleExceed" :file-list="fileList">
   <el-button size="small" type="primary">點(diǎn)擊上傳</el-button>
   <div slot="tip" class="el-upload__tip">一次文件不超過1Gb</div>
  </el-upload>
  </el-form-item>
 </el-form>

 </div>
</template>

以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論

金湖县| 兰西县| 广元市| 三都| 浮山县| 齐河县| 吉木萨尔县| 包头市| 大名县| 华阴市| 府谷县| 阳东县| 崇义县| 循化| 于田县| 榕江县| 安徽省| 朔州市| 临沧市| 金坛市| 施秉县| 昌图县| 县级市| 铁岭市| 龙门县| 景东| 安庆市| 铜梁县| 伽师县| 睢宁县| 兴宁市| 南华县| 宝坻区| 台州市| 华容县| 穆棱市| 柳江县| 静宁县| 平谷区| 漠河县| 梅河口市|