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

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

高洛峰
高洛峰

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

reply all(2)
代言
代言2016-11-09 14:23:05 2 floor

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

Like +0
Add Reply
三叔
三叔2016-11-09 14:22:43 1 floor

使用裁剪插件比如jquery.jcrop

Like +0
Add Reply
Popular Topics
More>
Popular Articles
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！