一种基于Ajax技术的异步上传多张图片的实现方法

文档序号:6510452阅读:784来源:国知局
一种基于Ajax技术的异步上传多张图片的实现方法
【专利摘要】当前,通过网络上传图片已经是一件十分平常的事情,而与一次只能上传一张图片相比,同时上传多张图片更加符合现在用户的需求。但是,同时上传多张图片到服务器明显会增加服务器的负载,降低用户的体验。针对这种情况,本发明介绍了一种以异步方式上传多张图片的实现方法,该方法不仅可以实现多张图片的同时上传,提升了用户的体验,而且还通过异步技术,优化了浏览器和服务器之间的数据传输,减少了不必要的数据往返,从而减少了带宽的占用,减轻了服务器的负载。这种方法适用于任何需要实现同时上传多张图片功能的网页。
【专利说明】一种基于Ajax技术的异步上传多张图片的实现方法

【技术领域】
[0001]本发明涉及一种异步上传多张图片的方法,特别适合那些需要实现同时上传多张图片到服务器功能的网页。本发明属于计算机【技术领域】。

【背景技术】
[0002]在当今信息技术飞速发展的高科技时代,用户通过网络上传图片已经是一件非常普遍的事情,因此现在的用户往往已经不再满足单张图片上传的功能,这样操作太麻烦了。多数用户希望多张图片能够同时上传。然而,很明显,同时上传多张图片到服务器占用的带宽比上传单张图片到服务占用的带宽要多得多。所以,此时通过异步模式上传图片到服务器就显得尤为重要,这是因为异步技术不仅可以优化浏览器和服务器之间的数据传输,减少不必要的数据往返,从而减少带宽的占用,而且异步Ajax引擎在客户端运行,承担了一部分本来应该由服务器承担的工作,从而也减轻了大用户量下的服务器负载。


【发明内容】

[0003]为了提升用户的体验,方便用户通过网络同时上传多张图片,本发明介绍了一种异步上传多张图片的实现方法。具体步骤如下:
步骤1:用户登录系统,进入有图片上传功能的页面。
[0004]步骤2:先点击“浏览”按钮,系统会弹出文件选择框,选择要上传的图片后点击“确定”按钮来确定选择,最后点击“上传”按钮将图片上传至服务器。
[0005]步骤3:上传图片之前,系统会自动判断上传的文件是图片类型的文件还是其他类型的文件,如果不是上传的不是图片,则无法上传,系统会提示上传失败;如果上传成功,系统会提示上传成功。

【具体实施方式】
[0006]实施例一
使用MyEclipse 8.6作为开发工具,使用市场上专用的数据库管理工具MySQL建立系统所需要的数据库。
[0007]1.在需要实现上传图片功能的相应页面中放置若干个文件上传组件。
[0008]2.判断上传类型是否正确:获得当前要上传的文件类型,并和配置文件中允许上传的文件类型进行比对,如果文件类型正确则允许上传,如果文件类型错误,则提示错误信息,上传失败。
[0009]3.判断是否超过大小:获得当前上传文件的大小,将当前要上传文件的大小和配置文件中允许上传文件的最大容量进行比对;若当前文件大小超过了这个最大值,则提示错误信息,禁止上传该文件;反之则继续进行上传操作。
[0010]4.根据规则产生附件名称:为了避免浏览器的缓存问题,上传的文件名称需要重新命名,一般是以当前上传的时间命名,并且加上一些随机数。
[0011]5.图片上传保存:先建立文件上传的输入留流,然后以服务器的文件保存地址和原文件名建立上传文件输出流,最后将上传文件的内容写入服务器。
[0012]除上述实施例外,本发明还可以有其他实施方式。凡采用等同替换或等效变换形成的技术方案,均落在本发明要求的保护范围。
【权利要求】
1.在需要上传图片的页面中需放置若干个文件上传组件。
2.图片上传之前需要进行一系列的条件判断:判断文件上传的类型是否为图片类型、判断上传图片的大小是否超过最大允许上传的大小、判断当前要上传的文件是否已经存在。
3.上传的图片以文件输入/输出流的形式保存。
【文档编号】G06F3/0481GK104423786SQ201310402363
【公开日】2015年3月18日 申请日期:2013年9月7日 优先权日:2013年9月7日
【发明者】不公告发明人 申请人:镇江雅迅软件有限责任公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1