CN103220348B - 一种图片批量上传并保真缩放方法及系统 - Google Patents
一种图片批量上传并保真缩放方法及系统 Download PDFInfo
- Publication number
- CN103220348B CN103220348B CN201310123027.5A CN201310123027A CN103220348B CN 103220348 B CN103220348 B CN 103220348B CN 201310123027 A CN201310123027 A CN 201310123027A CN 103220348 B CN103220348 B CN 103220348B
- Authority
- CN
- China
- Prior art keywords
- picture
- uploaded
- convergent
- divergent
- file
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Abstract
本发明公开了一种图片批量上传并保真缩放方法及系统，其中，所述方法采用flash技术进行图片文件的选择；再采用ajax技术上传图片图片，服务器接收到上传的图片文件，并返回接收进度；上传完成后，先根据指定的缩放比例进行图片缩放，缩放完成后再根据图片大小设置图片质量参数，通过图片质量参数控制图片的显示效果及文件大小。如此一来，可以在线大批量上传图片，不用单张图片逐个上传；另外，动态显示上传进度，可随时中断上传，增加用户操作的友好性；还可指定缩放比例，上传后按照指定比例对图片进行高质量缩放，使图片缩放后尽量清晰、不起毛边。
Description
技术领域
本发明涉及Web应用技术领域，特别涉及一种图片批量上传并保真缩放方法及系统。
背景技术
传统的web系统都是使用html自带的文件选择功能，一次只能选择一个文件，即一次只能上传一张图片。另外，一般的上传，都是使用html固有的一次性提交的方式，只有“上传”、“完成”两种状态。上传后不处理或简单处理图片，在图片缩小后会自然的降低清晰度，造成图片模糊或者起毛边。降低了用户体验。
有鉴于此，现有技术还有待改进和提高。
发明内容
鉴于上述现有技术的不足之处，本发明的目的在于提供一种图片批量上传并保真缩放方法及系统，解决了现有技术的图片上传系统，只能一次上传一张图片，且只能使用原图或者缩放处理后图片，导致图片不清晰的问题。
为了达到上述目的，本发明采取了以下技术方案：
一种图片批量上传并保真缩放方法，其中，包括以下步骤：
S1、采用flash技术进行图片文件的选择；
S2、采用ajax技术上传图片图片，服务器接收到上传的图片文件，并返回接收进度；
S3、上传完成后，先根据指定的缩放比例进行图片缩放，缩放完成后再根据图片大小设置图片质量参数，通过图片质量参数控制图片的显示效果及文件大小。
所述的图片批量上传并保真缩放方法，其中，所述步骤S3中根据图片大小设置图片质量参数具体包括：
当图片大小在500K到1M之间时，设置质量参数为0.85到1.0；
当图片大小在1M到2M之间时，设置质量参数为0.8；
当图片大小在2M到3M之间时，设置质量参数为0.7；
当图片大小在3M以上时，设置质量参数为0.4。
所述的图片批量上传并保真缩放方法，其中，当图片大小在1.32M到1.87M之间时，设置质量参数为0.839。
一种图片批量上传并保真缩放系统，其中，包括：
选择单元，用于采用flash技术进行图片文件的选择；
上传单元，用于采用ajax技术上传图片图片，服务器接收到上传的图片文件，并返回接收进度；
缩放保真单元，用于上传完成后，先根据指定的缩放比例进行图片缩放，缩放完成后再根据图片大小设置图片质量参数，通过图片质量参数控制图片的显示效果及文件大小。
所述的图片批量上传并保真缩放系统，其中，所述缩放保真单元中根据图片大小设置图片质量参数具体包括：
当图片大小在500K到1M之间时，设置质量参数为0.85到1.0；
当图片大小在1M到2M之间时，设置质量参数为0.8；
当图片大小在2M到3M之间时，设置质量参数为0.7；
当图片大小在3M以上时，设置质量参数为0.4。
所述的图片批量上传并保真缩放系统，其中，所述缩放保真单元中当图片大小在1.32M到1.87M之间时，设置质量参数为0.839。
相较于现有技术，本发明提供的图片批量上传并保真缩放方法及系统，可以在线大批量上传图片，不用单张图片逐个上传；另外，动态显示上传进度，可随时中断上传，增加用户操作的友好性；还可指定缩放比例，上传后按照指定比例对图片进行高质量缩放，使图片缩放后尽量清晰、不起毛边。
附图说明
图1为本发明的图片批量上传并保真缩放方法的流程图。
图2为本发明提供的图片批量上传并保真缩放系统的示意图。
具体实施方式
本发明提供一种图片批量上传并保真缩放方法及系统，为使本发明的目的、技术方案及效果更加清楚、明确，以下参照附图并举实施例对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。
请参阅图1，其为本发明的图片批量上传并保真缩放方法的流程图。如图所示，所述图片批量上传并保真缩放方法，包括以下步骤：
S1、采用flash技术进行图片文件的选择；
S2、采用ajax技术上传图片图片，服务器接收到上传的图片文件，并返回接收进度；
S3、上传完成后，先根据指定的缩放比例进行图片缩放，缩放完成后再根据图片大小设置图片质量参数，通过图片质量参数控制图片的显示效果及文件大小。
下面针对上述步骤进行具体描述：
所述步骤S1为采用flash技术进行图片文件的选择。因为，传统的web系统都是使用html自带的文件选择功能，一次只能选择一个文件。本发明使用flash技术(使用flash的文件多选功能，是flash固有的功能与技术，这里就不多做描述了)，可以一次选择多个文件，达到大批量上传的目的。
所述步骤S2为采用ajax技术上传图片图片，服务器接收到上传的图片文件，并返回接收进度。一般的上传，都是使用html固有的一次性提交的方式，只有“上传”、“完成”两种状态。本发明采用ajax异步提交机制，可以获取上传进度，进而实时更新显示界面，做到动态显示上传进度、上传速度的效果。具体来说，即采用ajax技术逐字节上传文件，服务器接收上传的文件，并返回接收进度，从而动态显示上传进度，可随时中断上传，增加用户操作的友好性。所述ajax技术是指利用Ajax提供与服务器异步通信的能力，从而使用户从请求/响应的循环中解脱出来。借助于Ajax，可以在用户单击按钮时，使用JavaScript和DHTML立即更新UI，并向服务器发出异步请求，以执行更新或查询数据库。当请求返回时，就可以使用JavaScript和CSS来相应地更新UI，而不是刷新整个页面。最重要的是，用户甚至不知道浏览器正在与服务器通信：Web站点看起来是即时响应的。其中，ajax上传是指将上传事件放入iframe隐藏执行。
所述步骤S3为上传完成后，先根据指定的缩放比例进行图片缩放，缩放完成后再根据图片大小设置图片质量参数，通过图片质量参数控制图片的显示效果及文件大小。具体来说，一般的图片上传，上传后不处理或简单处理图片，在图片缩小后会自然的降低清晰度，造成图片模糊或者起毛边。本发明在上传后，会进行缩放处理，且使用高质量的处理方式，使缩小后的图片尽量清晰、与原始图片高度一致。其先根据指定的缩放比例进行图片缩放，缩放完成后再根据图片大小设置图片质量参数，通过图片质量参数控制图片的显示效果及文件大小。普通图片处理只是进行缩放，没有根据文件大小动态控制图片质量。
在本发明的实施例中，所述步骤S3中根据图片大小设置图片质量参数具体包括：
当图片大小在500K到1M之间时，设置质量参数为0.85到1.0；
当图片大小在1M到2M之间时，设置质量参数为0.8；
当图片大小在2M到3M之间时，设置质量参数为0.7；
当图片大小在3M以上时，设置质量参数为0.4。
如此一来，不同图片大小采用不同的质量系数，可以兼顾占用空间及清晰度的要求。另外，当前的系数设置较为粗略，可以进一步通过更详细的测试得出更合理的系数值。例如：1.32M至1.87M的图片，采用0.839的质量系数会得出最省空间、最清晰的图片，而不是当前笼统的范围。
另外，本发明还提供了一种图片批量上传并保真缩放系统，如图2所示，包括：
选择单元100，用于采用flash技术进行图片文件的选择；
上传单元200，用于采用ajax技术上传图片图片，服务器接收到上传的图片文件，并返回接收进度；
缩放保真单元300，用于上传完成后，先根据指定的缩放比例进行图片缩放，缩放完成后再根据图片大小设置图片质量参数，通过图片质量参数控制图片的显示效果及文件大小。
进一步的，所述的图片批量上传并保真缩放系统中，所述缩放保真单元中根据图片大小设置图片质量参数具体包括：
当图片大小在500K到1M之间时，设置质量参数为0.85到1.0；
当图片大小在1M到2M之间时，设置质量参数为0.8；
当图片大小在2M到3M之间时，设置质量参数为0.7；
当图片大小在3M以上时，设置质量参数为0.4。更进一步的，当图片大小在1.32M到1.87M之间时，设置质量参数为0.839。
上述系统的单元都已经在方法中进行了详细介绍，这里就不再赘述了。
综上所述，本发明的图片批量上传并保真缩放方法及系统，可以在线大批量上传图片，不用单张图片逐个上传；另外，动态显示上传进度，可随时中断上传，增加用户操作的友好性；还可指定缩放比例，上传后按照指定比例对图片进行高质量缩放，使图片缩放后尽量清晰、不起毛边。
可以理解的是，对本领域普通技术人员来说，可以根据本发明的技术方案及其发明构思加以等同替换或改变，而所有这些改变或替换都应属于本发明所附的权利要求的保护范围。
Claims (4)
1.一种图片批量上传并保真缩放方法，其特征在于，包括以下步骤：S1、采用flash技术进行图片文件的选择；
S2、采用ajax技术上传图片文件，服务器接收到上传的图片文件，并返回接收进度；
S3、上传完成后，先根据指定的缩放比例进行图片缩放，缩放完成后再根据图片大小设置图片质量参数，通过图片质量参数控制图片的显示效果及图片大小；
所述步骤S3中根据图片大小设置图片质量参数具体包括：
当图片大小在500K到1M之间时，设置质量参数为0.85到1.0；
当图片大小在1M到2M之间时，设置质量参数为0.8；
当图片大小在2M到3M之间时，设置质量参数为0.7；
当图片大小在3M以上时，设置质量参数为0.4；
所述ajax技术异步提交并逐字节上传图片文件；
借助于所述ajax技术，在用户单击上传图片按钮时，使用JavaScript和DHTML立即更新UI界面，并向服务器发出异步请求，以执行更新或查询数据库；当所述异步请求结果返回时，使用JavaScript和CSS来相应地更新UI界面。
2.根据权利要求1所述的图片批量上传并保真缩放方法，其特征在于，当图片大小在1.32M到1.87M之间时，设置图片质量参数为0.839。
3.一种图片批量上传并保真缩放系统，其特征在于，包括：
选择单元，用于采用flash技术进行图片文件的选择；
上传单元，用于采用ajax技术上传图片文件，服务器接收到上传的图片文件并返回接收进度；
缩放保真单元，用于上传完成后，先根据指定的缩放比例进行图片缩放，缩放完成后再根据图片大小设置图片质量参数，通过图片质量参数控制图片的显示效果及图片大小；
所述缩放保真单元中根据图片大小设置图片质量参数具体包括：
当图片大小在500K到1M之间时，设置质量参数为0.85到1.0；
当图片大小在1M到2M之间时，设置质量参数为0.8；
当图片大小在2M到3M之间时，设置质量参数为0.7；
当图片大小在3M以上时，设置质量参数为0.4；
所述ajax技术异步提交并逐字节上传图片文件；
借助于所述ajax技术，在用户单击上传图片按钮时，使用JavaScript和DHTML立即更新UI界面，并向服务器发出异步请求，以执行更新或查询数据库；当所述异步请求结果返回时，使用JavaScript和CSS来相应地更新UI界面。
4.根据权利要求3所述的图片批量上传并保真缩放系统，其特征在于，所述缩放保真单元中当图片大小在1.32M到1.87M之间时，设置图片质量参数为0.839。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310123027.5A CN103220348B (zh) | 2013-04-10 | 2013-04-10 | 一种图片批量上传并保真缩放方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201310123027.5A CN103220348B (zh) | 2013-04-10 | 2013-04-10 | 一种图片批量上传并保真缩放方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN103220348A CN103220348A (zh) | 2013-07-24 |
| CN103220348B true CN103220348B (zh) | 2016-07-06 |
Family
ID=48817799
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201310123027.5A Active CN103220348B (zh) | 2013-04-10 | 2013-04-10 | 一种图片批量上传并保真缩放方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN103220348B (zh) |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103440295A (zh) * | 2013-08-20 | 2013-12-11 | 乐视网信息技术（北京）股份有限公司 | 一种多媒体文件上传方法及电子终端 |
| CN104573079A (zh) * | 2015-01-27 | 2015-04-29 | 中復保有限公司 | 智能图像文件上传管理方法 |
| CN104954433A (zh) * | 2015-04-28 | 2015-09-30 | 成都品果科技有限公司 | 一种用于移动设备的图片数据上传方法 |
| CN106302581A (zh) * | 2015-05-21 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 批量数据的导入方法及系统 |
| CN105306249A (zh) * | 2015-07-10 | 2016-02-03 | 深圳市美贝壳科技有限公司 | 上传云端照片时实时显示上传状态的方法 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW200923680A (en) * | 2007-11-16 | 2009-06-01 | Chunghwa Telecom Co Ltd | Method of serially connecting electronic map locus with multi-media object |
| CN102103607A (zh) * | 2009-12-18 | 2011-06-22 | 北京闻言科技有限公司 | 一种无刷新批量上传图片并自动获取图片信息的技术 |
| WO2012122769A1 (zh) * | 2011-03-16 | 2012-09-20 | 中兴通讯股份有限公司 | 一种浏览器及其实现web图片评论添加和显示的方法 |
| CN102917157A (zh) * | 2012-10-19 | 2013-02-06 | 北京快联科技有限公司 | 一种基于人体视觉系统的图片压缩系统及方法 |
-
2013
- 2013-04-10 CN CN201310123027.5A patent/CN103220348B/zh active Active
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW200923680A (en) * | 2007-11-16 | 2009-06-01 | Chunghwa Telecom Co Ltd | Method of serially connecting electronic map locus with multi-media object |
| CN102103607A (zh) * | 2009-12-18 | 2011-06-22 | 北京闻言科技有限公司 | 一种无刷新批量上传图片并自动获取图片信息的技术 |
| WO2012122769A1 (zh) * | 2011-03-16 | 2012-09-20 | 中兴通讯股份有限公司 | 一种浏览器及其实现web图片评论添加和显示的方法 |
| CN102917157A (zh) * | 2012-10-19 | 2013-02-06 | 北京快联科技有限公司 | 一种基于人体视觉系统的图片压缩系统及方法 |
Non-Patent Citations (2)
| Title |
|---|
| 前台JS限制上传图片大小和尺寸;Nuke"Blog;《天下第二博，http://www.cnblogs.com/nuke/archive/2010/12/09/1901276.html》;20101209;1-5 * |
| 基于HttpModule的网站页面性能动态优化系统构建;宁海荣;《复旦大学硕士学位论文》;20120831;正文第38页第4.4.4节-40页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103220348A (zh) | 2013-07-24 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103220348B (zh) | 一种图片批量上传并保真缩放方法及系统 | |
| CA2922867C (en) | Desktop-cloud-based media control method and device | |
| CN105278811B (zh) | 智能终端的屏幕显示装置和方法 | |
| US9071651B2 (en) | Dynamic content delivery to network-enabled static display device | |
| US8156418B2 (en) | Image acquisition from dynamic content for delivery to network-enabled static display devices | |
| JP6072340B1 (ja) | 表示処理方法、表示処理プログラム及び表示処理システム | |
| JP6273347B2 (ja) | 頭部装着式ディスプレイに画像を表示するための方法および装置 | |
| US20140033037A1 (en) | Method and apparatus for displaying multi-task interface | |
| CN107818008B (zh) | 页面加载方法及装置 | |
| CN106610826B (zh) | 在线场景应用的制作方法及装置 | |
| WO2019218384A1 (zh) | 显示处理方法、装置、存储介质及电子终端 | |
| CN104199920B (zh) | 网页式应用的显示适配方法及装置 | |
| CN111984351A (zh) | 页面适配方法、电子设备、计算机可读存储介质 | |
| CN106803984B (zh) | 一种兼容vr和电视功能的方法和装置 | |
| CN102902460A (zh) | 屏幕显示亮度调整方法及其终端 | |
| WO2018176876A1 (zh) | 一种图像显示方法及移动终端和计算机存储介质 | |
| WO2020001024A1 (zh) | 视图错层显示方法、电子设备及存储介质 | |
| CN108377421B (zh) | 视频的播放方法及显示设备、计算机可读存储介质 | |
| DE202017007296U1 (de) | Elektronische Vorrichtung, umfassend einen gebogenen Anzeigebereich | |
| WO2015144024A1 (zh) | 多屏互动方法及装置 | |
| WO2020210009A1 (en) | Method and system of enhanced interaction with a shared screen | |
| JP2014179929A5 (ja) | 通信装置、印刷装置、それらの制御方法、及びプログラム | |
| JP6053345B2 (ja) | 送信装置、映像表示装置、送信方法、映像表示方法、及びプログラム | |
| US20140240202A1 (en) | Information processing method and apparatus for electronic device | |
| US20140285437A1 (en) | Method of internet browser-based remote user interface virtual mouse cursor positioning |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| C14 | Grant of patent or utility model | ||
| GR01 | Patent grant | ||
| C56 | Change in the name or address of the patentee | ||
| CP03 | Change of name, title or address |
Address after: 528400, Guangdong, Zhongshan, four East Road, Zhongshan, 88, Shang Feng finance business center 5, one of the 18 layers Patentee after: All pass education group (Guangdong) Limited by Share Ltd Address before: 528403, Guangdong City, Zhongshan Province on the eastern side of the library on the 1st Street, integrated commercial building fifth Patentee before: Guangdong Qtone Education Co., Ltd. |