SpringBoot：SpringMVC檔案上傳及Ajax非同步

阿新 • • 發佈：2018-12-10

一、使用Spring框架中的MultipartFile實現後臺程式碼邏輯處理

1. MultipartFile API 如下：

在這裡插入圖片描述

2. 後臺邏輯程式碼

@Controller
public class FileUploadController {
	
	//檔案上傳
	@ResponseBody
	@RequestMapping(value="/fileUpload",method=RequestMethod.POST)
	public String fileUpload(@RequestParam("file")MultipartFile multFile,HttpServletRequest request) 
 {
		//獲取上傳檔名並列印
		String multFileName = multFile.getOriginalFilename();
		System.out.println("檔名為："+multFileName);
		//獲取上傳檔案大小並列印
		long size = multFile.getSize();
		System.out.println("檔案大小："+size);
		
		//*. 更改檔名：命名規則+時間
		SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd-HH-mm-ss-SS" 
);
		String times = simpleDateFormat.format(new Date());
		 //獲取檔案字尾
		String suffix = multFileName.substring(multFileName.lastIndexOf("."));
		System.out.println("檔案字尾名"+suffix);
		
		//**. 檔案內容讀取
		try {
			InputStream inputStream = multFile.getInputStream();
			InputStreamReader inputStreamReader = new 
 InputStreamReader(inputStream,"GBK");
			char[] chars = new char[1024];
			int len = inputStreamReader.read(chars);
			String context = new String(chars,0,len);
			System.out.println("文字內容是："+context);
		} catch (IOException e1) {
			// TODO Auto-generated catch block
			e1.printStackTrace();
		}
		
		
		//***. 檔案上傳(主要）
		String path = "E:/FileUpload";
		File newFile = new File(path+"/"+times+suffix);
		if(!newFile.getParentFile().exists()) { //判斷檔案父目錄是否存在
			newFile.getParentFile().mkdirs();
		}
		
		try {
			multFile.transferTo(newFile);
		} catch (IllegalStateException | IOException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		
		return "上傳成功";
	}
	
	//首頁
	@RequestMapping("/")
	public String toIndex() {
		
		return "index";
	}

}

二、前端程式碼

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>檔案上傳下載測試</title>
	<script src="${request.contextPath}/js/jquery-1.12.4.min.js"></script>
</head>
<body>
<div style="width: 100%;margin: 0 20% ;display: flex; flex-direction: column; width: 200px; ">
	<h1>檔案上傳</h1>
	<form id="uploadForm" action="${request.contextPath}/fileUpload" method="POST" enctype="multipart/form-data">
		<input id="file" type="file" name="file"/>
		<input type="text" name="text1" />
		<input type="text" name="text2" />
		<div style="margin-top: 10px;">
			<input type="submit" value="直接上傳"/>
			<button type="button" id="ajaxBtn">ajax後臺上傳</button>
		</div>
	</form>
	
	<h1>檔案下載</h1>
	
	<script type="text/javascript">
		$("#ajaxBtn").on('click',function(){
			console.log("ajaj非同步檔案上傳開始---");
			//使用 HTML5 FormData物件; 使用js原生物件
			var formData = new FormData($("#uploadForm")[0]);
			$.ajax({
				url:'${request.contextPath}/fileUpload' ,
				type:'POST',
				data:formData ,
				cache: false ,
				contentType:false ,
				processData:false ,
				success:function(data){
					console.log("ajax返回值"+data);
				}
			});
		});
			
		
	</script>
</div>
</body>
</html>

三、列印結果

1. eclipse控制檯列印

在這裡插入圖片描述

2. 瀏覽器後臺列印

在這裡插入圖片描述

SpringBoot：SpringMVC檔案上傳及Ajax非同步

一、使用Spring框架中的MultipartFile實現後臺程式碼邏輯處理 1. MultipartFile API 如下： 2. 後臺邏輯程式碼 @Controller public class FileUploadController { //檔案上傳 @Re

分享知識-快樂自己：Struts2檔案上傳及檔案下載

1）Struts2單檔案上傳 action：類檔案 package com.mlq.action; import com.opensymphony.xwork2.ActionSupport; import org.apache.commons.io.FileUtils; imp

django設定並獲取cookie/session，檔案上傳，ajax接收檔案，post/get請求及跨域請求等的方法

django設定並獲取cookie/session，檔案上傳，ajax接收檔案等的方法： views.py檔案： from django.shortcuts import render,HttpResponse,redirect import datetime import json from

微信小程式多媒體檔案上傳及下載（springboot框架中）

/** * 微信檔案上傳介面 * @param file 待上傳檔案的完整路徑 */ public FileUploadOrDownload uploadTempMedia(String file) { /

springmvc中Form表單檔案上傳使用ajax提交

上傳檔案這塊坑真是不少，耽誤了有幾個小時的時間，現在簡單總結一下；首先springmvc的核心xml中配置下MultipartResolver：  <bean id="multipart

springmvc請路徑引數,springmvc-json-ajax使用,springmvc檔案上傳,springmvc檔案下載,springmvc攔截器（內容較多）

按照操作，絕對都可以實現，親測。。。。。（專案所有檔案和目錄結構全都放上去了） idea工具，建立maven專案第一步：放置各種配置檔案： pom.xml <?xml version="1.0" encoding="UTF-8"?> <p

解決springMVC檔案上傳報錯： The current request is not a multipart request

轉自：https://blog.csdn.net/HaHa_Sir/article/details/79131607 解決springMVC檔案上傳報錯： The current request is not a multipart request 一、問題描述在使用springMVC做檔案上

SpringMVC MultipartFile file檔案上傳及引數接收

轉載自：http://blog.csdn.net/u013771277/article/details/47384817 SpringMvc檔案上傳，首先兩個基礎，1。form表單屬性中加上enctype="multipart/form-data" 強調：form

springMVC檔案上傳以及用ajax方式提交

spring mvc上傳檔案的簡單例子,這有幾個需要注意的地方 1.form的enctype=”multipart/form-data” 這個是上傳檔案必須的 2.需要依賴的jar包(網上找) 具體程式碼： 1.spring的配置檔案 1）spring

SpringBoot入門系列篇（十一）：實現檔案上傳

前情提要現在大多數的web開發基本都會用到檔案上傳這一個功能，檔案上傳分為單檔案上傳和多檔案上傳，下面就一一講解一下通過SpringBoot框架對兩種上傳的實現 SpringBoot實現單檔案上傳首先建立一個html介面，包含一個for

Linux檔案上傳及下載：rz&sz

1、簡述通常，利用SSH管理遠端Linux伺服器時，經常需要與本地互動檔案。當然，我們可以利用FTP方式，比如通過Filezilla客戶端軟體。不過直接使用SSH軟體（SecureCRT、Xshell）自帶的上傳和下載功能無疑使最方便快捷的。通常SSH軟

SpringBoot實現本地儲存檔案上傳及提供HTTP訪問服務

筆者計劃為大家介紹分散式檔案系統，用於儲存應用的圖片、word、excel、pdf等檔案。在開始介紹分散式檔案系統之前，為大家介紹一下使用本機儲存來存放檔案資源。二者的核心實現過程是一樣的： * 上傳檔案，儲存檔案（本節是本地磁碟） * 返回檔案HTTP訪問服務路徑給前端，進行上傳之後的效果展示 ## 一

Scrum立會報告+燃盡圖（十月十五日總第六次）：視頻上傳及選題介紹工作

eight 信息位置 ati 目的 ali idt 播放 blank 此作業要求參見：https://edu.cnblogs.com/campus/nenu/2018fall/homework/2196 Scrum立會master：田良一、小組介紹組長：付佳組員

vue 檔案上傳及預覽

<template> <div id="file"> <input name="files" id="uploaderInput" type="file" accept="images/*" multiple @change="change"/

TP5實現多檔案上傳及展示

view層上傳： <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body&

SpringMVC檔案上傳和下載

1. 檔案上傳 SpringMVC通過MultipartResolver來實現檔案上傳，預設沒有裝配，使用MultipartResolver需要加上commons-fileupload這個jar包。 1.1 配置MultipartResolver <!--配置上傳檔案控制元

SpringMVC檔案上傳的方式

檔案上傳怎麼上傳？渣渣的筆記，可能幫助到你哦！！！檔案上傳的流程如下：一、在你的IDEA裡面建立一個web工程，在你的WEB-INF目錄下建立lib目錄，同時呢匯入springmvc需要的架包。二、在配置好架包後，在你的src中建立一個xml檔案，我這裡取名為(spring-

SpringBoot+fileUpload獲取檔案上傳進度

我本人在網上找了很多關於檔案上傳進度獲取的文章，普遍基於spring MVC 框架通過 fileUpload 實現，對於spring Boot 通過 fileUpload 實現的帖子非常少，由於小弟學藝不精，雖然 Spring Boot 和 Spring MVC 相差不大，只是配置方式的

web開發excel檔案上傳及解析（上）

前言在web開發的時候，我們經常有遇到檔案的上傳以及解析的需求，比如我們將excel檔案上傳並且解析，最後將解析的excel的內容插入到資料庫中，今天就實踐一下檔案的上傳以及excel的解析，這篇部落格主要是實踐檔案上傳功能，對應的excel檔案的解析，將在下一篇部落格實踐。準備工作：

web開發excel檔案上傳及解析（下）

前言：接著上一篇部落格檔案上傳，這一篇部落格實踐的是excel檔案的解析，通常我們會需要這樣的需求，就是讓使用者下載一個格式的模板，然後在模板中按照要求填寫資料，最後的就是將excel中的內容全部儲存到資料庫中，從而實現一種批量的上傳的作用，節省很多時間。準備工作：要實現excel

SpringBoot：SpringMVC檔案上傳及Ajax非同步

一、使用Spring框架中的MultipartFile實現後臺程式碼邏輯處理

1. MultipartFile API 如下：

2. 後臺邏輯程式碼

二、前端程式碼

三、列印結果

1. eclipse控制檯列印

2. 瀏覽器後臺列印

相關推薦