您的位置：首页 > 职场人生

文件上传：Fileupload,AjaxFileUpload

2011-10-02 11:59 525 查看

方式一：利用commons下面的fileupload进行上传

步骤1：添加依赖

<dependency>
<groupId>com.alibaba.external</groupId>
<artifactId>jakarta.commons.fileupload</artifactId>
<version>1.2.1</version>
</dependency>

步骤2：在jsp页面中添加上传文件，使用enctype="multipart/form-data"

<form method="post" action="/FileUploadServlet" enctype="multipart/form-data">
fileupload:<input name="filename" type="file"> <br>
name:<input name="name" type="text" value="zhangsan"><br>
<input name="sub" type="submit" value="提交">
</form>

步骤3：在servlet中处理文件上传，参考官方文档：http://commons.apache.org/fileupload/using.html

FileItemFactory factory = new DiskFileItemFactory();
ServletFileUpload upload = new ServletFileUpload(factory);
try {
List items = upload.parseRequest(request);
Iterator iter = items.iterator();
while (iter.hasNext()) {
FileItem item = (FileItem) iter.next();
if (item.isFormField()) {
System.out.println("isFormField----" + item.getName());
} else {
String fullPathName = item.getName();
String filename = this.getServletContext().getRealPath(
"upload")
+ File.separator
+ new Date().getTime()
+ fullPathName.substring(fullPathName
.lastIndexOf("."));
File file = new File(filename);
try {
item.write(file);
} catch (Exception e) {
e.printStackTrace();
}
}
}
request.getRequestDispatcher("pages/s5_result.jsp").forward(
request, response);
} catch (FileUploadException e) {
e.printStackTrace();
}

步骤4：在web.xml中添加servlet mapping

<servlet>
<servlet-name>FileUploadServlet</servlet-name>
<servlet-class>com.alibaba.upload.FileUploadServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>FileUploadServlet</servlet-name>
<url-pattern>/FileUploadServlet</url-pattern>
</servlet-mapping>

方式2：使用jquery的ajaxfileupload插件怎么实现异步上传：AjaxFileUpload

页面代码：

<html>
<!-- 引入相关的js文件，相对路径  -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ajaxfileupload.js"></script>

<!-- 执行上传文件操作的函数 -->
<script type="text/javascript">
function ajaxFileUpload(){
$.ajaxFileUpload(
{
url:'update.do?method=uploader',            //需要链接到服务器地址
secureuri:false,
fileElementId:'houseMaps',                        //文件选择框的id属性
dataType: 'xml',                                     //服务器返回的格式，可以是json
success: function (data, status)            //相当于java中try语句块的用法
{
$('#result').html('添加成功');
},
error: function (data, status, e)            //相当于java中catch语句块的用法
{
$('#result').html('添加失败');
}
}

);

}
</script>
</head>

<body>
<form method="post" action="update.do?method=uploader" enctype="multipart/form-data">
<input type="file" id="houseMaps" name="houseMaps"/>
<input type="button" value="提交" onclick="ajaxFileUpload()"/>
</form>
<div id="result"></div>

</body>
</html>

服务器代码：

public class UpdateAction extends DispatchAction {

public ActionForward uploader(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
UpFormForm upFormForm = (UpFormForm) form;
FormFile ff = upFormForm.getHouseMaps();
try {
InputStream is = ff.getInputStream();
File file = new File("D:/" + ff.getFileName());            //指定文件存储的路径和文件名
OutputStream os = new FileOutputStream(file);

byte[] b = new byte[1024];
int len = 0;
while((len = is.read(b)) != -1){
os.write(b, 0, len);
}
os.close();
is.close();
} catch (Exception e) {
e.printStackTrace();

}

return null;
}
}

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 职场 ajax 休闲文件上传

相关文章推荐

新的分享

章节导航