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

var crop_image_src = 'image_src'; var croppedOptions = { cropUrl: 'http://deng.com/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><span></span><span></span><span></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 src=' + crop_image_src + '>'); } else { $('#image_input').val(''); $('.croppedImg').remove(); } }, onReset: function () { var res = confirm('您是要使用原图还是清除图片?\n\r[确认]使用原图,[取消]清除图片'); if (res) { $('#image_input').val(crop_image_src); $('#cropContainerEyecandy').prepend('<img src=' + crop_image_src + '>'); } else { $('#image_input').val(''); } }, onError: function (errormessage) { alert('onError:' + errormessage) } }; var cropperBox = new Croppic('cropContainerEyecandy', croppedOptions);

总结

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

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/43d7a24c66e4fa5112126ca19f0746a2.html