AjaxFileUpload.js实现异步上传文件功能-创新互联

做软工作业时，需要实现无刷新异步上传图片到服务器，于是想利用Ajax：

目前累计服务客户成百上千家，积累了丰富的产品开发及服务经验。以网站设计水平和技术实力，树立企业形象，为客户提供成都网站设计、网站建设、网站策划、网页设计、网络营销、VI设计、网站改版、漏洞修补等服务。成都创新互联始终以务实、诚信为根本，不断创新和提高建站品质，通过对领先技术的掌握、对创意设计的研究、对客户形象的视觉传递、对应用系统的结合，为客户提供更好的一站式互联网解决方案，携手广大客户，共同发展进步。

得到file的val，再post过去…

等真正实现的时候才发现，根本行不通。

于是翻来翻去找到一个封装好的js插件，可以实现异步上传文件。

AjaxFileUpload

这个插件的原理是创建隐藏的表单和iframe，然后用JS去提交，获得返回值。

语法

$.ajaxFileUpload([options])

参数说明

url　　　　　　　　　　 上传处理程序地址。
fileElementId　　　　　 需要上传的文件域的ID，即的ID。
secureuri　　　　　　　 是否启用安全提交，默认为false。
dataType　　　　　　　 服务器返回的数据类型。可以为xml,script,json,html。如果不填写，jQuery会自动判断。
success　　　　　　　　提交成功后自动执行的处理函数，参数data就是服务器返回的数据。
error　　　　　　　　　 提交失败自动执行的处理函数。
data 　　　　　　　　　 自定义参数。这个东西比较有用，当有数据是与上传的图片相关的时候，这个东西就要用到了。
type 　　　　　　　　　 当要提交自定义参数时，这个参数要设置成post

使用方法

引入jQuery与ajaxFileUpload插件（由api中心强力提供）

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

网站栏目：AjaxFileUpload.js实现异步上传文件功能-创新互联
文章URL：http://cqcxhl.com/article/iiees.html