찾다

 >  Q&A  >  본문

file 選擇圖片後可選擇裁切位置?

<input type="file" id="" name="" class="" accept="image/jpeg, image/png, image/jpg">

請問一下
我想讓使用者能夠上傳照片後
能夠選擇裁切的位置
就像facebook上傳大頭照、封面照一樣的功能
該如何做?

高洛峰高洛峰2957일 전820

모든 응답(2)나는 대답할 것이다

  • 代言

    代言2016-11-09 14:23:05

    方案一,使用canvas,自身就可以处理图像。
    方案二,使用img搭配img overflow,做出类似淘宝放大图的效果。等比缩放,计算数值,传给后端
    方案三,使用数字与后端紧密结合,完成裁剪

    회신하다
    0
  • 三叔

    三叔2016-11-09 14:22:43

    使用裁剪插件比如jquery.jcrop

    회신하다
    0
  • 취소회신하다