Home > Article > Web Front-end > Aja's asynchronous upload plug-in
This time I bring you aja's asynchronous upload plug-in. What are the precautions when using aja's asynchronous upload plug-in? The following is a practical case, let's take a look.
The example in this article shares how to use the ajaxfileupload asynchronous upload plug-in for your reference. The specific content is as follows
The server uses struts2 to handle file upload.
Required environment:
jquery.js
ajaxfileupload.js
jar package that struts2 depends on
and struts2-json-plugin-2.1.8.1.jar
Write the Action for file upload
package com.ajaxfile.action; import java.io.File; import java.io.FileInputStream; import java.io.FileOutputStream; import org.apache.struts2.ServletActionContext; import com.opensymphony.xwork2.ActionSupport; @SuppressWarnings("serial") public class FileAction extends ActionSupport { private File file; private String fileFileName; private String fileFileContentType; private String message = "你已成功上传文件"; public String getMessage() { return message; } public void setMessage(String message) { this.message = message; } public File getFile() { return file; } public void setFile(File file) { this.file = file; } public String getFileFileName() { return fileFileName; } public void setFileFileName(String fileFileName) { this.fileFileName = fileFileName; } public String getFileFileContentType() { return fileFileContentType; } public void setFileFileContentType(String fileFileContentType) { this.fileFileContentType = fileFileContentType; } @SuppressWarnings("deprecation") @Override public String execute() throws Exception { String path = ServletActionContext.getRequest().getRealPath("/upload"); try { File f = this.getFile(); if(this.getFileFileName().endsWith(".exe")){ message="对不起,你上传的文件格式不允许!!!"; return ERROR; } FileInputStream inputStream = new FileInputStream(f); FileOutputStream outputStream = new FileOutputStream(path + "/"+ this.getFileFileName()); byte[] buf = new byte[1024]; int length = 0; while ((length = inputStream.read(buf)) != -1) { outputStream.write(buf, 0, length); } inputStream.close(); outputStream.flush(); } catch (Exception e) { e.printStackTrace(); message = "对不起,文件上传失败了!!!!"; } return SUCCESS; } }
struts.xml
text/html text/html
Pay attention to observe the configuration of result in struts.xml in combination with Action.
The contentType parameter must be present, otherwise the browser will always prompt to save the returned JSON result as a file and will not hand it over to ajaxfileupload for processing. This is because the default contentType of struts2 JSON Plugin is application/json, while ajaxfileupload requires text/html.
JSP page for file upload
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>Insert title here
Pay attention to the code in
, there is no form. The ajaxFileUpload() method is only triggered when the button is clicked. What needs to be noted is the order in which js files are introduced. ajaxfileupload.js depends on jquery, so you know.I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!
Recommended reading:
How to use jQuery to verify the consistency of form passwords
How to achieve non-refresh linkage of drop-down boxes with Ajax
jQuery implements drop-down menu navigation
##jQuery gets the DIV attribute and binds the CheckBox
The difference between done and then
The above is the detailed content of Aja's asynchronous upload plug-in. For more information, please follow other related articles on the PHP Chinese website!