SpringMVC form表單上傳一個檔案

阿新 • • 發佈：2019-02-18

前臺.jsp檔案

<body>

 <!--第一步：引入.js檔案 ajaxSubmit需要jquery.form.js-->
    <script type="text/javascript"
    src="<%=basePath%>/resources/js/jquery.min.js"></script>
<script type="text/javascript"
    src="<%=basePath%>/resources/js/jquery.validate.min.js"></script>
<script 
 type="text/javascript"
    src="<%=basePath%>/resources/js/jquery.form.js"></script>

    <!--第二步 新增表單區域開始：enctype="multipart/form-data" -->
    <form id="createForm" enctype="multipart/form-data">
        <ul>
            <li><label>標題：</label> <input type 
="text" class="input-box"
                placeholder="請輸入標題" name="title"></li>

            <li><label>內容：</label> <textarea class="textarea-box"
                    name="content"></textarea></li>

            <li><label>上傳附件：</label> <input 
 type="file" class="img-btn"
                name="file"></li>

            <!-- 點選儲存按鈕提交form -->
            <li><input type="submit" class="btn save-btn" value="儲存">
            </li>
        </ul>
    </form>
    <!--新增表單區域結束-->
</body>


<script>
    $("#createForm").validate({
        //做表單驗證

        //驗證成功後提交引數
        submitHandler : function(form) {
            ajaxSubmit();
        }

    });
    function ajaxSubmit() {

        /*用ajaxSubmit()方法提交檔案*/
        $("#createForm").ajaxSubmit({
            type : 'post',
            url : "emergencyNotice/create",
            error : function() {//請求失敗處理函式  
                alert("失敗");
            },
            success : function(data) { //請求成功後處理函式。
               alert("成功");
            }
        });
    };
</script>

後臺控制器.java檔案

import java.io.IOException;
import javax.servlet.http.HttpSession;
import org.springframework.web.multipart.MultipartFile;

import org.apache.shiro.authz.annotation.RequiresPermissions;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@ResponseBody
@RequiresPermissions("emergencyNotice:create")
@RequestMapping("/emergencyNotice/create")
public void createEmergencyNotice(EmergencyNotice emergencyNotice, MultipartFile file,
        HttpSession session) throws IOException {

     /*1處理實體類物件emergencyNotice，省略*/

     /*2處理檔案*/
    String basePath = session.getServletContext().getRealPath("/"); // 獲取基本路徑

    /*如果檔案不為空，儲存檔案*/ 
    if (file != null && !file.isEmpty()) {
       String urlPath = HandleFile.saveFile(file, basePath); /*儲存附件到本地*/ 

     } /*end if*/
}

這篇文章把提交檔案和提交一個實體類（基本型別）放在了一起，但是對實體類的處理，省略了。想提醒一下：檔案是可以和實體類（基本型別）一起提交到後臺

這樣提交，無論前臺有沒有提交檔案，都不會出錯的

SpringMVC form表單上傳一個檔案

前臺.jsp檔案 <body>  <script type="tex

form表單上傳檔案

分享一下我老師大神的人工智慧教程！零基礎，通俗易懂！http://blog.csdn.net/jiangjunshow 也歡迎大家轉載本篇文章。分享知識，造福人民，實現我們中華民族偉大復興！

ajax上傳檔案基於jquery form表單上傳檔案

django 基於form表單上傳檔案和基於ajax上傳檔案

一、基於form表單上傳檔案 1、html裡是有一個input type="file" 和 ‘submit’的標籤 2、vies.py def fileupload(request): if request.method == 'POST': print(request.P

ajax實現上傳檔案和form表單上傳檔案的區別

在使用form表單的時候,一旦點選提交觸發submit事件，一般會使得頁面跳轉，頁面間的跳轉等行為的控制權往往在後端，後端會控制頁面的跳轉及資料傳遞，但是在某些時候不希望頁面跳轉，或者說想要將控制權放在前端，通過js來操作頁面的跳轉或者資料變化。一般這種非同步的操作，我們

PHP：curl模擬form表單上傳檔案

<form action="" method="post" enctype="multipart/form-data"> <input type="file" name="upload"> <buttion>submit</button> </f

form表單上傳檔案三要素

1.提供form表單，method必須是post 2.form表單的enctype必須是multipart/form-data 3.提供input type="file"類的上傳輸入域 <div> <form action="${ctx}/easyedu/sta

form表單上傳檔案返回資料

廢話不說，直接上程式碼 jsp： <div style="display:none"> <form id="viewImport" action="" enctype="multipart/form-data

WebAPI+Form表單上傳檔案

上傳的時候還是遇到一些問題的，在文章開頭羅列一下，希望幫到跟我遇到同樣問題的人問題一：GET 請求與POST請求起初我使用的是GET 請求，發現不行，後改為了POST，具體原因尚不明確，不過一般向伺服器傳送資料還是用POST吧,後來發現網上有使用GET方式上傳檔案的，但是貌似

form表單上傳檔案並返回上傳結果

注意：這是JS的程式碼，且這個script標籤是在body裡面的（放在head裡是沒有反應的） <script type="text/javascript"> function GetBrowserIsIE() { var obj = '';

使用form表單上傳檔案（一）

今天在專案中要寫一個上傳檔案的功能，使用jsp中的form表單的形式完成。首先新建一個jsp，使用最原始的form表單來完成。 jsp中的程式碼如下，很簡單： <form method="post" action="<%=ermDomainUrl %>

使用Form表單上傳檔案

這裡用到HTML 標籤的 enctype 屬性。 enctype 屬性規定在傳送到伺服器之前應該如何對錶單資料進行編碼。預設地，表單資料會編碼為 “application/x-www-form-urlencoded”。就是說，在傳送到伺服器

django form表單上傳檔案

def post(self,request): #表單驗證 form = FilesForm(request.POST or None, request.FILES or None) if form.is_valid(): img = form

nodejs-http 對form表單上傳檔案資料的解析過程

前幾天碰到了一個需求，允許接收前端使用者上傳的檔案。當時為了解決問題索性就上github搜了下，找了一個基於nodejs的開發外掛。後來功能實現後覺得意猶未盡，於是自己想試試去寫一個類似功能的外掛，方便以後拓展，然後就這麼開始了。先來說說應用層的ht

form表單上傳域（type="file"）的使用----上傳文件

ctype 頁面 web sdi fff public exce res substr 一，單個文件的上傳 1.html/jsp頁面 <%@ page language="java" contentType="text/html; charset=UTF-8"

php 圖片上傳之利用form表單上傳

idt cti contain 開啟 1.7 png ret 選擇圖片 post 、利用form表單上傳此種方式是最原始的上傳方式，前端就是簡單的form表單，後端我們有PHP處理傳輸過來的文件。首先看前端的代碼 upload.html 1 2 3 4

form表單上傳文件

clas OS form表單文件的 nbsp post 上傳 div type 註意form表單上傳文件的時候，要加上 enctype這個屬性 form表單上傳文件

ios form表單上傳圖片

1.使用微博開發的一個“傳送帶圖片微博”的介面來測試，這是介面地址，這裡面明確說明需要使用multipart/form-data格式提交圖片。關於使用微博開放平臺api、授權之類的就不說了。 2.multipart/from-data是一種進行表單提交時的訊息格式。表單提交資料的時候，預設型別是

django 基於form表單上傳文件和基於ajax上傳文件

.py ons strong code .ajax lin con html $.ajax 一、基於form表單上傳文件 1、html裏是有一個input type="file" 和 ‘submit’的標簽 2、vies.py def fileupload(request

java form表單上傳圖片

主要通過java後臺直接向微信伺服器上傳本地圖片，直接上程式碼： import java.io.File; import java.io.FileInputStream; import java.io.IOException; import java.io.I

SpringMVC form表單 上傳一個檔案

相關推薦

SpringMVC form表單上傳一個檔案