前端之家收集整理的这篇文章主要介绍了
ajax异步文件上传,servlet处理,含demo,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
最近做项目用到了ajax上传图片功能.在这里稍微做个总结.
- 传统上传功能:缺点很明显,需要用到form表单,并且提交会伴随页面刷新,比较难用.
- ajax异步上传:可使用json数据传输,无需form表单,只要一个button按钮即可,页面不会刷新.
这里分为两种:
- 选择图片后,点击按钮上传
- 选择图片后,立即上传,无需点击上传按钮
注:本文的demo分别实现了这两种功能.
由于代码都比较简单,这里就不贴代码了.简单说下文件结构.
tomcat启动后访问http://localhost:8080/ajaxFileUpload/ 即可
demo效果图
上传后效果
demo下载地址:
下载demo