php+croppic.js实现剪切上传图片功能

时间:2021-05-26

最近需要实现裁剪图片上传,想起之前公司用到的一个插件,却不知道叫什么名字了。

在网上找了有些时间,最终找到了这个网站。

http:///m/tool/crop_pic/crop', modal: true, doubleZoomControls: false, enableMousescroll: true, imgEyecandyOpacity: 0.4, rotateFactor: 90, zoomFactor: 20, outputUrlId: 'image_input', // loadPicture: '加載圖片', processInline: true, loaderHtml: '<div class="loader bubblingG"><span id="bubblingG_1"></span><span id="bubblingG_2"></span><span id="bubblingG_3"></span></div> ', onBeforeImgUpload: function () { crop_image_src = $('#image_input').val(); }, onAfterRemoveCroppedImg: function () { var res = confirm('您是要使用原图还是清除图片?\n\r[确认]使用原图,[取消]清除图片'); if (res) { $('#image_input').val(crop_image_src); $('#cropContainerEyecandy').prepend('<img class="croppedImg" src=' + crop_image_src + ' width="100%">'); } else { $('#image_input').val(''); $('.croppedImg').remove(); } }, onReset: function () { var res = confirm('您是要使用原图还是清除图片?\n\r[确认]使用原图,[取消]清除图片'); if (res) { $('#image_input').val(crop_image_src); $('#cropContainerEyecandy').prepend('<img class="croppedImg" src=' + crop_image_src + ' width="100%">'); } else { $('#image_input').val(''); } }, onError: function (errormessage) { alert('onError:' + errormessage) } }; var cropperBox = new Croppic('cropContainerEyecandy', croppedOptions);

总结

以上所述是小编给大家介绍的php+croppic.js实现剪切上传图片功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

相关文章