时间: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邮箱联系删除。
本文实例为大家详细介绍了php实现图片上传、剪切功能的具体代码,供大家参考,具体内容如下load->helper(array('form','url'));}/
js实现上传图片预览功能思路是获取上传图片本地路径,再加载到页面中实现上传预览HTML代码实现功能的js代码//获取图片路劲的方法,兼容多种浏览器,通过crea
图片的上传预览功能主要用于图片上传前的一个效果的预览,目前主流的方法主要有js,jquery与flash实现,但我们一般都会使用js来实现图片上传预览功能,下面
php结合layui前端实现多图上传前端html代码请选择图片文件名图片预览大小状态操作开始上传js代码layui.use('upload',function(
简单PHP上传图片、删除图片实现代码上传图片:?12345678910111213141516171819202122232425262728293031323