V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
wanderingFaker
V2EX  ›  问与答

前端实现 压缩图片(可降低分辨率)后提交后台

  •  
  •   wanderingFaker · Oct 26, 2017 · 3268 views
    This topic created in 3105 days ago, the information mentioned may be changed or developed.

    网上看到有通过画布来实现的,有谁做过吗

    3 replies    2017-10-26 18:40:15 +08:00
    coderluan
        1
    coderluan  
       Oct 26, 2017
    noe132
        2
    noe132  
       Oct 26, 2017 via Android
    很简单,new 一个 canvas,然后将 img 元素调整合适的大小画到 canvas 上,然后再导出成 jpg 或 png 的 dataurl。直接提交 dataurl 给后台。如果是 form data 的 filetype,把 dataurl 转成 blob 就可以了。通过设置 canvas 的大小和 jpg 的压缩比例就能控制图片质量。
    foru17
        3
    foru17  
       Oct 26, 2017
    转 dataurl 后,由于编码问题,除非减少图片尺寸,要不然很难降低实际图片文件大小。这个需要一个平衡。
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3019 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 31ms · UTC 15:07 · PVG 23:07 · LAX 08:07 · JFK 11:07
    ♥ Do have faith in what you're doing.