如何修复laravel项目中没有上载图像功能的CKeditor

我的ckeditor没有上载图像功能。我希望该功能可用。在laravel中如何解决这个问题？

您可以使用

CKFinder

轻松上传和管理多个文件。使用内置的图像编辑器，可以进行裁剪、调整大小、旋转、调整亮度、对比度、饱和度、曝光和锐度，以及一些预定义的过滤器预设

<script>
    CKEDITOR.replace( 'editor1', {
        filebrowserBrowseUrl: '/ckfinder/ckfinder.html',
        filebrowserUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files'
    } );

    $('.textarea').wysihtml5();

</script>

在您的路线中：

Route::post('images/upload', 'ImageController@upload')->name('ckeditor.upload');

和您的

图像控制器

：

public function upload(Request $request)
 {
     if($request->hasFile('upload')) {
         $originName = $request->file('upload')->getClientOriginalName();
         $fileName = pathinfo($originName, PATHINFO_FILENAME);
         $extension = $request->file('upload')->getClientOriginalExtension();
         $fileName = $fileName.'_'.time().'.'.$extension;
        
         $request->file('upload')->move(public_path('images'), $fileName);
   
         $CKEditorFuncNum = $request->input('CKEditorFuncNum');
         $url = asset('images/'.$fileName); 
         $msg = 'Image uploaded successfully'; 
         $response = "<script>window.parent.CKEDITOR.tools.callFunction($CKEditorFuncNum, '$url', '$msg')</script>";
               
         @header('Content-type: text/html; charset=utf-8'); 
         echo $response;
     }
}

公共功能上传（请求$Request）
{
如果（$request->hasFile（'upload'））{
$originName=$request->file（'upload'）->getClientOriginalName（）；
$fileName=pathinfo（$originName，pathinfo_fileName）；
$extension=$request->file（'upload'）->getClientOriginalExtension（）；
$fileName=$fileName.'''.time（）.$扩展名；
$request->file（'upload'）->move（公共路径（'images'），$fileName）；
$CKEditorFuncNum=$request->input（'CKEditorFuncNum'）；
$url=asset（'images/'。$fileName）；
$msg='图像上传成功'；
$response=“window.parent.CKEDITOR.tools.callFunction（$CKEditorFuncNum，$url'，$msg'）”；
@标题（'Content-type:text/html；charset=utf-8'）；
回音$应答；
}
}

---

干杯

您可以使用

CKFinder

轻松上传和管理多个文件。使用内置的图像编辑器，可以进行裁剪、调整大小、旋转、调整亮度、对比度、饱和度、曝光和锐度，以及一些预定义的过滤器预设

<script>
    CKEDITOR.replace( 'editor1', {
        filebrowserBrowseUrl: '/ckfinder/ckfinder.html',
        filebrowserUploadUrl: '/ckfinder/core/connector/php/connector.php?command=QuickUpload&type=Files'
    } );

    $('.textarea').wysihtml5();

</script>

在您的路线中：

Route::post('images/upload', 'ImageController@upload')->name('ckeditor.upload');

和您的

图像控制器

：

public function upload(Request $request)
 {
     if($request->hasFile('upload')) {
         $originName = $request->file('upload')->getClientOriginalName();
         $fileName = pathinfo($originName, PATHINFO_FILENAME);
         $extension = $request->file('upload')->getClientOriginalExtension();
         $fileName = $fileName.'_'.time().'.'.$extension;
        
         $request->file('upload')->move(public_path('images'), $fileName);
   
         $CKEditorFuncNum = $request->input('CKEditorFuncNum');
         $url = asset('images/'.$fileName); 
         $msg = 'Image uploaded successfully'; 
         $response = "<script>window.parent.CKEDITOR.tools.callFunction($CKEditorFuncNum, '$url', '$msg')</script>";
               
         @header('Content-type: text/html; charset=utf-8'); 
         echo $response;
     }
}

公共功能上传（请求$Request）
{
如果（$request->hasFile（'upload'））{
$originName=$request->file（'upload'）->getClientOriginalName（）；
$fileName=pathinfo（$originName，pathinfo_fileName）；
$extension=$request->file（'upload'）->getClientOriginalExtension（）；
$fileName=$fileName.'''.time（）.$扩展名；
$request->file（'upload'）->move（公共路径（'images'），$fileName）；
$CKEditorFuncNum=$request->input（'CKEditorFuncNum'）；
$url=asset（'images/'。$fileName）；
$msg='图像上传成功'；
$response=“window.parent.CKEDITOR.tools.callFunction（$CKEditorFuncNum，$url'，$msg'）”；
@标题（'Content-type:text/html；charset=utf-8'）；
回音$应答；
}
}

---

干杯

是4号还是5号？同时发布你的js代码<代码>$（函数（）{CKEDITOR.replace（'editor1'）；$（'.textarea'）.wysihtml5（）；}）@TalhaF。我已经提供了要求的信息！是4号还是5号？同时发布你的js代码<代码>$（函数（）{CKEDITOR.replace（'editor1'）；$（'.textarea'）.wysihtml5（）；}）@TalhaF。我已经提供了要求的信息！我试过了，上传图像的功能现在可用了。请澄清一下，我是否需要先将其发送到服务器才能上载图像？@Alphy是的，您需要先将其发送到服务器。第二种方法比第一种方法有什么优势吗？我发现第一种和第二种方法冗长。根据您的经验，您会推荐这两种方法中的哪一种？第一种方法适用于普通js（原始php、python等）。第二种方法只适用于拉威尔。如果您了解第一种方法，那么您需要添加路由、控制器。所以，在第二种方法中，我添加了所有内容。所以这两种方法都是一样的：）我试过了，上传图像的功能现在可用了。请澄清一下，我是否需要先将其发送到服务器才能上载图像？@Alphy是的，您需要先将其发送到服务器。第二种方法比第一种方法有什么优势吗？我发现第一种和第二种方法冗长。根据您的经验，您会推荐这两种方法中的哪一种？第一种方法适用于普通js（原始php、python等）。第二种方法只适用于拉威尔。如果您了解第一种方法，那么您需要添加路由、控制器。所以，在第二种方法中，我添加了所有内容。因此，这两种方法都是相同的：）