• 不断前进 超越自我 Never Stop Beyond Myself

  • 本站域名正式更改为http://www.oecom.cn

  •    1个月前 (09-11)  HTML笔记 |   抢沙发  14 
    文章评分 0 次,平均分 0.0

    如今手机像素越来越高,造成拍出来的照片越来越大,随便拍一张就好几兆,于是乎就有了一种需求就是压缩图片,在之前压缩图片的功能是在后台操作的,之后前端亦可以进行图片的压缩功能。

    前端进行图片压缩的原理很简单,就是利用canvas来进行压缩,js将file框内的图片文件读取之后,按照比例绘制到canvas上,然后将canvas保存成图片即可实现了压缩功能。

    当file框改变后读取文件

    至此,图片的压缩功能已经完全实现了

      
     

    除特别注明外,本站所有文章均为落帆亭原创,转载请注明出处来自http://www.oecom.cn/html5-front-end-image-compression/

    关于
    Never stop Beyond myself

    发表评论

    表情 格式

    暂无评论

    切换注册

    登录

    忘记密码 ?

    您也可以使用第三方帐号快捷登录

    切换登录

    注册

    扫一扫二维码分享