Ajax异步图片/文件上传的实现_利用FormDa

在前后分离开发中,经常会遇到上传文件的情况,后端会有一个文件上传接口,通过ajax上传成功后返回图片地址url给前端。然后在把url和其他数据以前提交给后端保存到数据库。那么如何实现ajax异步文件上传功能呢?下面就介绍下利用FormData对象的实现方案。Html代码:<input type="file" name="file" id="imgUrl" onclick="upload()"/>js代码:function upload(){ var file=document.getElementById("imgUrl").files[0]; var form=n