jQuery的ajax中使用FormData实现页面无刷新上传功能

前端之家收集整理的这篇文章主要介绍了jQuery的ajax中使用FormData实现页面无刷新上传功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

接着上一篇,这篇主要写如何利用ajax和FormData实现页面无刷新的文件上传效果,主要用到了jQuery的ajax()方法和XMLHttpRequest Level 2的FormData接口。关于FormData,大家可以看

1,先看效果

期望的功能效果很简单:点击页面中的上传文件表单控件,选择文件后点击“ajax提交”,将文件上传至服务器,上传成功后,页面给出一个简单的提示

2,前端的代码

看下HTML代码

Box">

猜你在找的Ajax相关文章