简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
file 選擇圖片後可選擇裁切位置？
高洛峰
高洛峰 2016-11-09 14:22:31
0
2
808
<input type="file" id="" name="" class="" accept="image/jpeg, image/png, image/jpg">

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

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师，...

membalas semua(2)
代言
代言2016-11-09 14:23:05 Tingkat 2

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

Suka +0
Tambah Balasan
三叔
三叔2016-11-09 14:22:43 Tingkat 1

使用裁剪插件比如jquery.jcrop

Suka +0
Tambah Balasan
Topik popular
Lagi>
Artikel popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！