[]名称：WecenterZipUpload[/][]测试平台：WeCenter 2.5.10、WeCenter 2.5.11[/][]测试浏览器：IE8+ (通过)、Chrome(通过)、FireFox(通过)、Opera(通过)[/][]插件介绍：不只是Wecenter，几乎所有网站的图片上传都是网页客户端直接将数据POST到服务器端，服务器端再来进行尺寸大小的压缩，这样一些尺寸较大的图片不仅会大大耗费昂贵带宽，更使网站的速度受到严重影响，WecenterZipUpload通过调用flash实现图片本地图片大小和体积的压缩，再POST到服务器，具体原理如下：[/]
[list=1][
]首先使用Flash的上传功能让用户选择要上传的照片。[/][
]加载选择照片的数据到Flash中。(Flash10.0以上版本)[/][
]将数据加载到Flash的image组件中。[/][
]将image按照合适大小进行缩放。[/][
]在对image的显示区域进行Flash截图存入Bitmap。[/][
]将Bitmap转换为jpg格式数据。[/][
]使用post方式将jpg数据发送到服务器端！[/]WecenterZipUpload可在js文件中自定义最大宽(imgWidth)、最大高(imgHeight),以及压缩品质(quality)，实际上在quality设为80以上时，肉眼已经无法区分压缩前和压缩后的图片了，这样WecenterZipUpload不仅能实现图片尺寸的在网页上的缩放，更能实现体积的本地压缩，这针对于用数码相机或是网友手机拍摄的图片（>1M）在大大减少服务器带宽的同时也提升了用户上传图片的速度，并且再也不用麻烦网友用PS先压缩再上传了。
[]实际测试：下面以设置图片最大高imgWidth=1500；最大宽imgHeight=1500;压缩品质quality=80下测试WecenterZipUpload性能[/]
原图是由Nikon D3X拍摄，原始图片体积：10.66M， 原始图片大小：6048×4032，由于原始图片太大不能上传，现提供地址：imaging.nikon.com/lineup/dslr/d3x/img/sample/pic_001b.jpg（复制打开），经过WecenterZipUpload本地压缩后尺寸：1500×1000，体积：256kb，压缩比率：41.64倍，由于图片大小和原图不同，暂不能提供SSIM值，下图是WecenterZipUpload处理后的图片。
[]插件实际替换页面为回复问题、发布问题、发布文章页面，下图是发布问题插件截图：[/]
[list=1][
]使用配置：使用前请将原views目录及app目录备份，由于插件默认是default模板，请确认当前使用的是default模板，然后将插件文件夹及文件覆盖即可，无需安装。[/][
]打开views/default/global/header_meta.tpl.htm。底部按照自己需求配置：[/]
<script>
var imgWidth=1500;//定义图片最大宽度
var imgHeight=1500;;//定义图片最大高度
var quality=80;//定义图片压缩质量
</script>
购买此插件请联系QQ：1951457914
阅读全文
收起全文
