大家好，针对近有童鞋问到在中图片异步上传的前端实现，有些仍然使用iframe实现，牛牛牛告诉你在HTML5的时代中，你真的0UT啦!

　　为什么需要异步上传图片，你是否get到啦?

　　增加用户体验

　　进行上传结果预览

　　减少由于上传出错导致的服务器与浏览器之间的数据传输量…

　　废话不多话，直接先看结果：

　　上传页面：

　　异步上传预览：

　　主要原理：

　　获得用户选择的图片

　　将图片通过ajax异步上传到服务器

　　服务器将成功上传之后保存的路径返回

　　通过js将服务器返回结果显示到页面中

　　主要知识点：

　　File对象得到浏览器中选择的文件

　　FormData对象封装数据

　　通过ajax将FormData对象发送到服务器

　　执行流程图：

　　Tips:注意此处我们为了说明问题，采用了原生JS发送AJAX请求，如果是使用Jquery发送AJAX只需要指明:data属性为FormData对象即可。

　　是不是很简单呢?赶快试一下吧!!!

　　对IT行业感兴趣的各位同仁注意啦!

　　成都牛牛牛信息技术有限公司(牛牛牛实训教育)对外开展免费授课活动，让有兴趣加入IT行业者更加了解IT行业，更加了解自己是否适合IT行业，同时全真体验牛牛牛实训教育技术部的授课模式,授课技能水平!

　　有兴趣加入的同仁，加入方式:

　　预约地址：成都锦江区商会大厦B座10楼1004

以上就是软件开发培训课程的全部内容介绍，如需了解更多的软件开发培训班、课程、价格、试听等信息，也可以点击进入 软件开发 相关频道，定制专属课程，开始您的学习之旅。