最近项目中做一个上传头像的功能,忽然想能不能用Ajax在后台完成文件上载,上传完后显示头像。由于项目使用的基于prototype.js的框架,所以研究了良久如何用prototype发送multpart/form-data的post请求。尝试了网上若干建议(比如使用Header)后依然无解,最后终于在一网站找到解决该问题的short answer:http://mir.aculo.us/articles/2005/09/30/fud-revisited-1-can-you-upload-files-with-ajax,终得解脱。
最好只好单独为file upload部分做了一个表单,然后用正常的方式处理,前台大致如下:
xml 代码
- <form name=“uploadform”method=“POST” action=“save.jsp”ENCTYPE=“multipart/form-data”>
- <input name=“file1”size=“40”type=“file”/>
- <input type="hidden" id="other" />
- form>
multipart的请求,数据流会和一般的form表单有些不同,处理起来有些麻烦。还好Apache提供了一个叫file-upload的包。使用这个包可以方便的获得文件流,同时可以方便的解析出其他非文件字段。服务器端的用法可以参考这篇文章《用fileupload处理文件上传》:
http://www.cnblogs.com/sunsonbaby/archive/2004/10/24/56036.html
记得后台要在异常抛出的地方处理文件过大等问题。