使用plupload压缩图片

Plupload 是一个Web浏览器上的界面友好的文件上传模块，可显示上传进度、图像自动缩略和上传分块。可同时上传多个文件。

Plupload有以下功能和特点：

1、拥有多种上传方式：HTML5、flash、silverlight以及传统的。Plupload会自动侦测当前的环境，选择最合适的上传方式，并且会优先使用HTML5的方式。所以你完全不用去操心当前的浏览器支持哪些上传方式，Plupload会自动为你选择最合适的方式。

2、支持以拖拽的方式来选取要上传的文件

3、支持在前端压缩图片，即在图片文件还未上传之前就对它进行压缩

4、可以直接读取原生的文件数据，这样的好处就是例如可以在图片文件还未上传之前就能把它显示在页面上预览

5、支持把大文件切割成小片进行上传，因为有些浏览器对很大的文件比如几G的一些文件无法上传。

我们在上传图片的时候，图片有大有小，图片过大上传至服务器端会占用大量的服务器内存，所以我们在前端上传图片时就会先对图片进行压缩处理，使用plupload上传，在实例化一个plupload对象时，传入配置参数resize：

// 可以使用该参数对将要上传的图片进行压缩，该参数是一个对象，里面包括5个属性：// width：指定压缩后图片的宽度，如果没有设置该属性则默认为原始图片的宽度// height：指定压缩后图片的高度，如果没有设置该属性则默认为原始图片的高度// crop：是否裁剪图片// quality：压缩后图片的质量，只对jpg格式的图片有效，默认为90。quality可以跟width和height一起使用，但也可以单独使用，单独使用时，压缩后图片的宽高不会变化，但由于质量降低了，所以体积也会变小// preserve_headers：压缩后是否保留图片的元数据，true为保留，false为不保留,默认为true。删除图片的元数据能使图片的体积减小一点点// resize参数的配置示例如下：resize: {width: 100,height: 100,crop: true,quality: 60,preserve_headers: false
}

width与height的单位为像素（px），在实际使用过程中，我们往往不能控制图片的宽高尺寸，而在resize参数配置中又不能使用%，否则会抛异常，为了符合我们要等比例缩放图片的效果，我在使用中只使用width、crop、preserve_headers参数，如下：

resize: {width: 1000,crop: false,preserve_headers: true
}

这里宽度我使用的1000，意思就是如果图片宽小于1000，则不会改变原图片大小，只是删除元数据进行图片压缩，若图片宽度大于1000，则会等比例缩放图片进行压缩。

（第一次写博客，不喜勿喷，谢谢）

使用plupload压缩图片相关推荐

基于Plupload的图片压缩上传
前言这里的上传工具基于JQuery.Plupload 传送门:Plupload官方.中文文档为什么要做图片压缩? 现在手机拍照都快10M了,但是有时候图片上传只要看得清楚就可以了,比如上传身份证2 ...
Android 高清加载巨图方案拒绝压缩图片
Android 高清加载巨图方案拒绝压缩图片转载请标明出处: http://blog.csdn.net/lmj623565791/article/details/49300989: 本文出自: ...
android h5 多图上传源码,JS移动端/H5同时选择多张图片上传并使用canvas压缩图片...
最近在做一个H5的项目,里边涉及到拍照上传图片的功能以及识别图片的功能,这里对识别图片的功能不做赘述,不属本文范畴.我在做完并上线项目后,同事跟我提了一个要求是可不可以同时选择多张图片上传,我做的时候 ...
idea批量修改变量快捷键mac_使用Mac自带功能批量修改图片名称、类型和压缩图片大小...
Mac电脑自带的聚焦搜索功能已经很强大,可以快速准确的搜索电脑内的文件,但是从网上下载的文件,特别是一些图片文件都是一串数字组成的文件名,很难记忆和搜索,我们可以使用Mac自带的『自动操作』功能给图片 ...
node 压缩图片_1Mb压缩成100k，图片无损压缩我选择它
Boss有话说 Compressor 这是一款能够快速高效压缩图片的在线神器,可以在线压缩优化的格式包含 JPEG,PNG,SVG,GIF 和 WEBP 等主流的图片格式.相比之前分享的[ TinyP ...
linux压缩图片脚本,说明Ubuntu压缩图片脚本批量方法
以下就是Ubuntu压缩图片批量方法,这些Ubuntu压缩图片方法是我学了很久的心得,希望对大家有帮助.用DC拍出来的很多照片尺寸都很大,有时候我们需要缩小一下,最近google了一圈,发现了一些有用 ...
jquery压缩图片插件
imageCompress 只有图片压缩功能,比较简单 jquery.imageCompress.js 使用说明: el:为上传框 quality:压缩图片质量,单位为% onloadStart:读取 ...
LocalResizeIMG前端HTML5本地压缩图片上传，兼容移动设备IOS,android
LocalResizeIMG前端HTML5本地压缩图片上传,兼容移动设备IOS,android jincon 发表于 2015-02-26 18:31:01 发表在: php开发 localresiz ...
【问题帖】压缩图片大小至指定Kb以下
像PS,QQ影像等都有该功能,将图片大小压缩至指定kb以下. 我也来山寨一把,到目前为止,控制图片的大小,平时的解决方案通过分辨率和质量来控制的. 假定最后压缩的大小是100kb,那么在保证不大于10 ...
php后台图片压缩_php实现等比例压缩图片
/** * desription 压缩图片 * @param sting $imgsrc 图片路径 * @param string $imgdst 压缩后保存路径 */ public function ...

使用plupload压缩图片

使用plupload压缩图片相关推荐

最新文章

热门文章