[发明专利]一种图片数据上传方法和系统

说明书

技术领域

本申请涉及图片上传技术领域，尤其涉及一种图片数据上传方法和系统。

背景技术

图片数据包括图片和图片相关信息，其中图片相关信息包括图片的描述内容、用户信息(如用户名，邮箱信息)等。

目前现有的图片数据上传方法或是利用HTML(HyperText Markup Language，超文本标记语言)自带的上传控件提交表单，并在刷新页面后触发提交请求，完成上传，或是利用FLASH控件直接实现图片数据的异步上传。

然而本申请的申请人发现，利用HTML自带的上传控件完成图片数据上传的过程中，只有当表单提交的时候才会验证图片的类型、安全性等，而如果图片验证失败，页面要求重新上传图片的同时，还会将用户之前填写的图片相关信息也清空，那么用户再次上传图片数据时，不仅需要重新加载图片，还需要重新填写图片相关信息，这无疑降低了用户的使用体验。

而利用FLASH控件直接异步上传图片数据时，FLASH加载会使得页面整体加载变慢，效率较低。

发明内容

有鉴于此，本申请提供一种图片数据上传方法和系统，以解决现有技术中利用HTML自带的上传控件完成图片数据上传的方法，用户的使用体验度较低，利用FLASH控件直接异步上传图片数据的方法，使得页面整体加载变慢，效率较低的问题。

基于本申请的一方面，本申请提供一种图片数据上传方法，应用于第一页面，所述第一页面上创建有一框架，所述框架的src属性中规定了第二页面的地址；所述方法包括：

当所述第一页面接收到需要上传图片的上传请求时，所述第一页面依据所述框架的src属性中规定的第二页面的地址，调取出所述第二页面；其中所述上传请求包括待上传图片；

所述第二页面接收所述待上传图片，并对所述待上传图片进行验证；

当所述第二页面验证所述待上传图片合法后，所述第二页面将所述待上传图片上传至服务器；

所述第一页面接收所述服务器返回的所述待上传图片的存储地址信息；

所述第一页面接收用户输入的图片相关信息；

当所述第一页面接收到确认上传请求时，所述第一页面将所述图片相关信息和所述服务器返回的所述待上传图片的存储地址信息一同上传至所述服务器。

优选地，所述方法还包括：

所述第一页面依据接收到的所述服务器返回的所述待上传图片的存储地址信息，获取并显示所述待上传图片。

优选地，当所述第一页面接收到确认上传请求时，所述第一页面将所述图片相关信息和所述服务器返回的所述待上传图片的存储地址信息一同上传至所述服务器之前还包括：

所述第一页面依据所述服务器返回的所述待上传图片的存储地址信息，获取所述待上传图片；

所述第一页面对所述待上传图片进行再次验证；

当所述待上传图片再次验证合法时，再执行将所述图片相关信息和所述服务器返回的所述待上传图片的存储地址信息一同上传至所述服务器的步骤。

优选地，所述框架的属性为隐藏属性。

优选地，所述对所述待上传图片进行验证包括：对所述待上传图片的格式、类型、和/或安全性进行验证。

基于本申请的另一方面，本申请提供一种图片数据上传系统，包括第一页面和第二页面；其中，所述第一页面上创建有一框架，所述框架的src属性中规定了第二页面的地址；

所述第一页面在接收到需要上传图片的上传请求时，依据所述框架的src属性中规定的第二页面的地址，调取出所述第二页面；其中所述上传请求包括待上传图片；

所述第二页面接收所述待上传图片，并对所述待上传图片进行验证；

当所述第二页面验证所述待上传图片合法后，所述第二页面将所述待上传图片上传至服务器；

所述第一页面接收所述服务器返回的所述待上传图片的存储地址信息；

所述第一页面接收用户输入的图片相关信息；

当所述第一页面接收到确认上传请求时，将所述图片相关信息和所述服务器返回的所述待上传图片的存储地址信息一同上传至所述服务器。

优选地，所述第一页面还用于，依据接收到的所述服务器返回的所述待上传图片的存储地址信息，获取并显示所述待上传图片。

优选地，所述第一页面还用于，依据所述服务器返回的所述待上传图片的存储地址信息，获取所述待上传图片；对所述待上传图片进行再次验证；