溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
這篇文章主要介紹struts1和jquery form如何實現文件異步上傳，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！
1.概述
還在用struts1？是的，在地球的沒寫地方，落后的生產方式還在運轉(老項目).
從 繼承org.apache.struts.action.Action， 繼承org.apache.struts.action.ActionForm開始吧
2. 代碼
2.1 html頁面
<html> <head> <title>網頁上傳</title> </head> <body> <center> <h2>本地文件網頁上傳</h2> <hr> </center> <h2>文件信息列表</h2> <hr> <form id="myform" method="post" enctype="multipart/form-data"> <table width="0" border="0" cellspacing="10" cellpadding="0"> <tr> <td>選擇文件：</td> <td><input type="file" name="uploadFile" /></td> </tr> <tr> <td>標題：</td> <td><input type="text" name="filetitle" /></td> </tr> <tr> <td colspan="2"> <input type="button" id="mysubmit" value="確認上傳"/> </td> </tr> </table> </form> <script src="script/jquery.js"></script> <script src="script/jquery.form.js"></script> <script src="script/_fileUpload.js"></script> </body> </html>
2.2 _fileUpload.js
/**
*_fileUpload.js
*
*
*/
window.onload = function() {
$("#mysubmit").bind("click", function(){
$("#myform").ajaxSubmit({
url: "myUpload.do",
type: "post",
success: function(data){
console.log(11111111);
console.log(data);
},
error: function(responseError){
console.log(22222222222);
console.log(responseError);
}
});
});
}2.3 MyUploadAction.java(繼承自Action)
package com.rocky.console.action;
import java.io.File;
import java.io.FileOutputStream;
import java.io.InputStream;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.upload.FormFile;
import com.rocky.console.form.MyUploadForm;
import com.rocky.console.service.ResponseUtil;
public class MyUploadAction extends Action {
public ActionForward execute(ActionMapping mapping, ActionForm form, HttpServletRequest request,
HttpServletResponse response) throws Exception{
MyUploadForm myUploadForm = (MyUploadForm) form;
FormFile uploadFile = myUploadForm.getUploadFile();
String filetitle = myUploadForm.getFiletitle();
System.out.println("111111"+filetitle);
int fileSize = uploadFile.getFileSize();
InputStream inputStream = uploadFile.getInputStream();
System.out.println("fileSize::::::::"+fileSize);
String path = "x:";
String filename = path + File.separator + uploadFile.getFileName();
FileOutputStream fos = new FileOutputStream(filename);
byte[] b = new byte[1024];
int len = -1;
while((len = inputStream.read(b))!=-1){
fos.write(b, 0, len);
}
fos.close();
String result = "success";
ResponseUtil.write(response, result, null);
return null;
}
}2.4 MyUploadForm.java( 繼承自ActionForm)
package com.rocky.console.form;
import javax.servlet.http.HttpServletRequest;
import org.apache.struts.action.ActionErrors;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionMapping;
import org.apache.struts.upload.FormFile;
public class MyUploadForm extends ActionForm {
/**
*
*/
private static final long serialVersionUID = 6650496540449458586L;
private FormFile uploadFile = null;
private String filetitle;
public String getFiletitle() {
return filetitle;
}
public void setFiletitle(String filetitle) {
this.filetitle = filetitle;
}
public ActionErrors validate(ActionMapping mapping,
HttpServletRequest request) {
return null;
}
public void reset(ActionMapping mapping, HttpServletRequest request) {
}
public FormFile getUploadFile() {
return uploadFile;
}
public void setUploadFile(FormFile uploadFile) {
this.uploadFile = uploadFile;
}
}2.5 struts-config.xml
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE struts-config PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 1.2//EN" "struts-config_1_2.dtd"> <struts-config> <data-sources /> <form-beans> <form-bean name="myUploadForm" type="com.rocky.console.form.MyUploadForm" /> </form-beans> <global-exceptions /> <global-forwards /> <action-mappings> <!-- rocky myupload --> <action path="/myUpload" attribute="myUploadForm" name="myUploadForm" type="com.rocky.console.action.MyUploadAction" /> </action-mappings> <message-resources parameter="ApplicationResources" /> </struts-config>
2.6 說明
2.6.1 jquery.form.js 網上可以下載
使用var formData = new FormData(), 然后formData.append("myfile", document.getElementById("myfile").files[0]);form.append...
當form表單field較多時 寫很多 append很麻煩， 顯然 ajaxSubmit方便很多
2.6.2 前端過來的數據 通過 ActionForm 直接封裝到其子類(MyActionForm)對象中 , 用FormFile接收file文件 用String等接收其他類型數據
當然都是根據HTML 標簽的name屬性一一對應 來注入的
2.6.3 ActionForm是怎么和自定義實現的bean(MyUploadForm) 對上的？
在struts-config.xml中form-bean設置自己的那個bean，通過<action path="/myUpload" attribute="myUploadForm" name="myUploadForm"
來完成這種映射。
以上是“struts1和jquery form如何實現文件異步上傳”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
