Php 图像裁剪模式不显示
我正在使用剪切我的图像。我的屏幕会淡出,但模式敌人不会出现Php 图像裁剪模式不显示,php,jquery,image-processing,laravel-5.2,resize-crop,Php,Jquery,Image Processing,Laravel 5.2,Resize Crop,我正在使用剪切我的图像。我的屏幕会淡出,但模式敌人不会出现 <div class="col-lg-4 " id="timelineProfilePic"> <div id="cropContainerModal"> @if(Auth::user()->profile) <img src="/user/{{Auth::user()->profile->thumbnil}}" class="bgImage"> @
<div class="col-lg-4 " id="timelineProfilePic">
<div id="cropContainerModal">
@if(Auth::user()->profile)
<img src="/user/{{Auth::user()->profile->thumbnil}}" class="bgImage">
@endif
</div>
<input type="hidden" name="_token" value="{{csrf_token()}}" id="pic_token">
</div>
<script>
var croppicContainerModalOptions = {
uploadUrl: '<?php echo url()?>/users/cover',
cropUrl: '<?php echo url()?>/users/crop',
modal: true,
imgEyecandyOpacity: 0.4,
loaderHtml: '<div class="loader bubblingG"><span id="bubblingG_1"></span><span id="bubblingG_2"></span><span id="bubblingG_3"></span></div> ',
onBeforeImgUpload: function () {
console.log('onBeforeImgUpload')
},
onAfterImgUpload: function () {
console.log('onAfterImgUpload')
},
onImgDrag: function () {
console.log('onImgDrag')
},
onImgZoom: function () {
console.log('onImgZoom')
},
onBeforeImgCrop: function () {
console.log('onBeforeImgCrop')
},
onAfterImgCrop: function () {
console.log('onAfterImgCrop')
},
onReset: function () {
console.log('onReset')
},
onError: function (errormessage) {
console.log('onError:' + errormessage)
}
}
var cropContainerModal = new Croppic('cropContainerModal', croppicContainerModalOptions);
</script>
@if(Auth::user()->profile)
profile->thumbnil}“class=”bgImage“>
@恩迪夫
变量CROPICCONTAINERMODALOPTIONS={
上传URL:“/users/cover”,
cropUrl:“/users/crop”,
莫代尔:是的,
产能不足:0.4,
loaderHtml:“”,
onBeforeImgUpload:函数(){
console.log('onBeforeImgUpload')
},
onAfterImgUpload:函数(){
console.log('onAfterImgUpload')
},
onImgDrag:函数(){
console.log('onImgDrag')
},
onImgZoom:函数(){
console.log('onImgZoom')
},
onBeforeImgCrop:函数(){
console.log('onBeforeImgCrop')
},
onAfterImgCrop:函数(){
console.log('onAfterImgCrop')
},
onReset:函数(){
console.log('onReset')
},
onError:函数(errormessage){
console.log('onError:'+errormessage)
}
}
var cropContainerModal=新作物(“cropContainerModal”,cropiccontainermodations);