ajax 异步上传图片
2016-06-02 09:21
246 查看
最近做项目用到了ajax上传图片功能.在这里稍微做个总结.
上传图片的方式
- 传统上传功能:缺点很明显,需要用到form表单,并且提交会伴随页面刷新,比较难用.
- ajax异步上传:可使用json数据传输,无需form表单,只要一个button按钮即可,页面不会刷新.
ajax异步上传方法
这里分为两种:
- 选择图片后,点击按钮上传
- 选择图片后,立即上传,无需点击上传按钮
注:本文的demo分别实现了这两种功能.
由于代码都比较简单,这里就不贴代码了.简单说下文件结构.
tomcat启动后访问http://localhost:8080/ajaxFileUpload/ 即可
demo效果图
上传后效果
相关文章推荐
- ajax异步表单移交实现图片的异步上传
- Ajax控件之异步上传图片
- TP5,ajax实现异步上传图片
- springMVC + ajaxfileupload异步上传图片预览,裁剪并保存图片
- ajax异步上传文件/图片
- hibernate加ajax异步实现数据库中的新闻类别字段的获取,并且表单还是带有图片上传功能的
- ajax异步上传图片
- jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
- 借助webuploader插件完成ajax异步上传图片(多张以及单张)
- SpringMVC中使用ajaxfileupload异步上传图片文件视频
- JFinal+ajaxfileupload实现图片的异步上传
- jquery的ajaxSubmit()异步上传图片并保存表单数据演示代码
- springMVC + ajaxfileupload异步上传图片预览,裁剪并保存图片
- Ajax实现异步上传图片
- java ajax异步上传文件(文档、图片都可以)
- ajax异步上传图片及其他表单项
- AjaxFileUpload组件结合Struts2异步图片上传
- [Ajax] 使用Ajax异步上传图片文件(非Form表单提交)
- 通过Struts2、Ajax异步上传图片