[发明专利]一种Ajax上传文件的系统及方法

说明书

技术领域

本发明涉及一种上传文件的系统及方法，尤其是一种自动化程度高、兼容性强的Ajax上传文件的系统及方法。

背景技术

Ajax是目前常用的数据通讯的方式，无刷新获取数据的方式给Web应用带来更好的操作体验，但是Ajax无法完成文件的上传，普遍的解决办法是采用第三方插件比如flash、active等或者抛弃Ajax而使用普通的FORM上传文件，这样就失去了Ajax的优势，亟待解决既能发挥Ajax的通讯优势又能上传文件的算法。

发明内容

为解决上述问题，本发明提供了一种自动化程度高、兼容性强的新型Ajax上传文件的系统及方法。

实现本发明目的的一种Ajax上传文件的系统及方法，包括如下步骤：

1、在打包数据的时候由系统判断是否有需要上传的文件；

2、如果没有则直接使用Ajax将数据打包并发送到后台服务器；

3、如果有上传的文件则自动生成form对象、iframe对象和保存文件名的隐藏域；

4、将form对象的target属性指定为iframe对的name，并隐藏iframe对象；

5、提交form上传文件；

6、在返回结果里调用上一级窗口的Ajax对象，并返回的文件信息赋值给此对象；

7、自动调起Ajax发送数据，并将文件信息一起发送。

本专利具有如下优点：1、实现了Ajax数据和文件的同步上传；2、调用方式简单，需要用到的对象都是动态自动生成的；3、兼容多种浏览器，支持IE、Firefox、Chrome等主流浏览器；4、以组件的方式进行调用，所以升级和扩展更容易。

附图说明

图1为本发明的一种新型Ajax上传文件的系统及方法的工作流程示意图。

具体实施方式

如图1所示，一种Ajax上传文件的系统及方法，包括如下步骤：

1、在打包数据时由系统判断是否有需要上传的文件；

2、如果没有则直接使用Ajax将数据打包并发送到后台服务器；

3、如果有上传的文件则自动生成form对象、iframe对象和保存文件名的隐藏域；

4、将form对象的target属性指定为iframe对的name，并隐藏iframe对象；

5、提交form上传文件；

6、在返回结果里调用上一级窗口的Ajax对象，并返回的文件信息赋值给此对象；

7、自动调起Ajax发送数据，并将文件信息一起发送。

本专利具有如下优点：1、实现了Ajax数据和文件的同步上传；2、调用方式简单，需要用到的对象都是动态自动生成的；3、兼容多种浏览器，支持IE、Firefox、Chrome等主流浏览器；4、以组件的方式进行调用，所以升级和扩展更容易。

上面所述的实施例仅仅是对本发明的优选实施方式进行描述，并非对本发明的范围进行限定，在不脱离本发明设计精神前提下，本领域普通工程技术人员对本发明技术方案做出的各种变形和改进，均应落入本发明的权利要求书确定的保护范围内。