Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/265.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 图像裁剪模式不显示_Php_Jquery_Image Processing_Laravel 5.2_Resize Crop - Fatal编程技术网

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);