Jcrop.js图片裁剪上传功能
图片裁剪上传的交互,前端项目里用得还蛮多的。这个资源包里用的是比较老牌但还挺稳定的Jcrop.js,基于 jQuery,写起来不复杂,UI 交互也直观。
你只要把jQuery和Jcrop.js文件引进去,给个</>标签,加上<>$('#>,基本就能跑起来。裁剪框的坐标还能实时拿到,想干点预览、提示什么的也方便。</><>像<>>和<>>这些 >>生成裁剪后的图片,再用<>$.>一发到后端,就能把好的图片保存下来。</><>后端用<>>也不麻烦,<>>或者<>>这些函数搞一搞就行了。整体流程清晰、扩展性也不错。如果你项目里需要搞用户头像裁剪、商品图之类的,这套方案还挺顺手的。</><>要注意的就是,>
42.16KB
文件大小:
评论区