CN103220348A - 一种图片批量上传并保真缩放方法及系统 - Google Patents
一种图片批量上传并保真缩放方法及系统 Download PDFInfo
- Publication number
- CN103220348A CN103220348A CN2013101230275A CN201310123027A CN103220348A CN 103220348 A CN103220348 A CN 103220348A CN 2013101230275 A CN2013101230275 A CN 2013101230275A CN 201310123027 A CN201310123027 A CN 201310123027A CN 103220348 A CN103220348 A CN 103220348A
- Authority
- CN
- China
- Prior art keywords
- picture
- uploading
- fidelity
- size
- uploaded
- 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.)
- Granted
Links
Images
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为本发明的图片批量上传并保真缩放方法的流程图。
图２为本发明提供的图片批量上传并保真缩放系统的示意图。
具体实施方式
本发明提供一种图片批量上传并保真缩放方法及系统，为使本发明的目的、技术方案及效果更加清楚、明确，以下参照附图并举实施例对本发明进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。
请参阅图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 (6)
1.一种图片批量上传并保真缩放方法，其特征在于，包括以下步骤：S1、采用flash技术进行图片文件的选择；
S2、采用ajax技术上传图片图片，服务器接收到上传的图片文件，并返回接收进度；
S3、上传完成后，先根据指定的缩放比例进行图片缩放，缩放完成后再根据图片大小设置图片质量参数，通过图片质量参数控制图片的显示效果及文件大小。
2.根据权利要求1所述的图片批量上传并保真缩放方法，其特征在于，所述步骤S3中根据图片大小设置图片质量参数具体包括：
当图片大小在500K到1M之间时，设置质量参数为0.85到1.0；
当图片大小在1M到2M之间时，设置质量参数为0.8；
当图片大小在2M到3M之间时，设置质量参数为0.7；
当图片大小在3M以上时，设置质量参数为0.4。
3.根据权利要求1或2所述的图片批量上传并保真缩放方法，其特征在于，当图片大小在1.32M到1.87M之间时，设置质量参数为0.839。
4.一种图片批量上传并保真缩放系统，其特征在于，包括：
选择单元，用于采用flash技术进行图片文件的选择；
上传单元，用于采用ajax技术上传图片图片，服务器接收到上传的图片文件，并返回接收进度；
缩放保真单元，用于上传完成后，先根据指定的缩放比例进行图片缩放，缩放完成后再根据图片大小设置图片质量参数，通过图片质量参数控制图片的显示效果及文件大小。
5.根据权利要求4所述的图片批量上传并保真缩放系统，其特征在于，所述缩放保真单元中根据图片大小设置图片质量参数具体包括：
当图片大小在500K到1M之间时，设置质量参数为0.85到1.0；
当图片大小在1M到2M之间时，设置质量参数为0.8；
当图片大小在2M到3M之间时，设置质量参数为0.7；
当图片大小在3M以上时，设置质量参数为0.4。
6.根据权利要求4或5所述的图片批量上传并保真缩放系统，其特征在于，所述缩放保真单元中当图片大小在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 true CN103220348A (zh) | 2013-07-24 |
| CN103220348B 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) |
Cited By (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 | 成都品果科技有限公司 | 一种用于移动设备的图片数据上传方法 |
| CN105306249A (zh) * | 2015-07-10 | 2016-02-03 | 深圳市美贝壳科技有限公司 | 上传云端照片时实时显示上传状态的方法 |
| CN106302581A (zh) * | 2015-05-21 | 2017-01-04 | 阿里巴巴集团控股有限公司 | 批量数据的导入方法及系统 |
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 |
|---|
| NUKE"BLOG: "前台JS限制上传图片大小和尺寸", 《天下第二博，HTTP://WWW.CNBLOGS.COM/NUKE/ARCHIVE/2010/12/09/1901276.HTML》 * |
| 宁海荣: "基于HttpModule的网站页面性能动态优化系统构建", 《复旦大学硕士学位论文》 * |
Cited By (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 | 深圳市美贝壳科技有限公司 | 上传云端照片时实时显示上传状态的方法 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN103220348B (zh) | 2016-07-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103631958B (zh) | 一种页面自动适配实现内容多屏展示的方法 | |
| CN103220348A (zh) | 一种图片批量上传并保真缩放方法及系统 | |
| TWI496068B (zh) | 訊息通知圖形介面之顯示方法、裝置以及電腦可讀取儲存裝置 | |
| JP6671483B2 (ja) | スマートデバイスを制御するための方法および装置、ならびにコンピュータ記憶媒体 | |
| DE102014010217A1 (de) | Dynamische Informationsanpassung für ein Computergerät mit mehreren Leistungsmodi | |
| TW201435798A (zh) | 繪圖方法、裝置及終端機 | |
| JP2014522534A (ja) | 動的コンテンツを用いたズームイン及びズームアウト技法 | |
| CN103076954B (zh) | 调整显示效果的方法及装置 | |
| TWI541748B (zh) | 股票多模式詳細資訊裝置與方法 | |
| CN105447034A (zh) | 生成图片缩略图的方法与系统 | |
| CN103824252A (zh) | 图片处理方法及系统 | |
| CA2922060A1 (en) | Swipe toolbar to switch tabs | |
| WO2020001024A1 (zh) | 视图错层显示方法、电子设备及存储介质 | |
| DE102015109204A1 (de) | Echtzeitänderung eines Eingabeverfahrens basierend auf Sprachkontext | |
| CN109040767B (zh) | 一种直播间加载方法、系统、服务器及存储介质 | |
| EP3770858A1 (en) | Network resource oriented data communication | |
| WO2015078257A1 (zh) | 一种显示搜索信息的设备和方法 | |
| CN102932612A (zh) | 电视机面向用户的画质调节方法及系统 | |
| CN107196999B (zh) | 用于下发信息流推送数据的方法及设备 | |
| WO2015196770A1 (zh) | 桌面壁纸更换方法及装置 | |
| JP2016177431A5 (ja) | 情報端末、システム、情報処理方法、及びプログラム | |
| WO2017113713A1 (zh) | 显示界面调整方法及装置 | |
| US10931610B2 (en) | Method, device, user terminal and electronic device for sharing online image | |
| CN105373373B (zh) | 一种快速生成图标的方法和装置 | |
| CN113419649A (zh) | 用于操作电子装置的方法及其装置 |
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. |