uploadfile图片覆盖_ajaxFileUpload上传图片预览总结

背景：我们平时在做项目的时候，肯定会遇到上传头像、图片、文件等异步上传的功能，今天就以ajaxFileupload组件上传头像为例总结一下该组件的用法。

Tips:  我在以前的博客中分享过三种上传组件，其实主要代码已经在这篇文章体现了，今天再次总结一下ajaxfileupload这个组件，发现在高版本(1.9以上)的Jquery下ajaxfileupload提示异常，然后我就把ajaxfileupload的jQuery对象都替换成了$就可使用了，对于ajaxFileUpload 报这错jQuery.handleError is not a function，请猛戳   这里，对就是这里。附件是修改好可使用的ajaxfileupload.js文件。

需求：自定义样式【上传】按钮，点击之后【上传】按钮，打开文件选择对话框，选择文件后自动上传，并可预览该图片。

分析：

1.【上传】按钮是a链接，但是上传文件必然需要一个input type="file"的元素，在点击a链接这个【上传】按钮的时候，触发input type="file"元素的click方法打开文件选择对话框，选择文件后，触发input type="file" 的onchange方法，然后调用ajaxfileupload的上传方法开始上传。

2.服务器端，接收此文件数据，保存到文件服务器上，返回此文件的相对路径，放入一个隐藏域，最后提交表单时，将此相对路径提交给后台保存入库。

3.预览，通过获取图片的流数据显示图片。

用到的技术：jq