在dcat-admin中使用ckeditor實(shí)現(xiàn)文件上傳示例

Laravel  /  管理員 發(fā)布于 9個(gè)月前   540

在dcat-admin中使用ckeditor實(shí)現(xiàn)文件上傳功能

去掉預(yù)覽中的文字

# 為了去掉預(yù)覽中的文字
在ckeditor/plugins/image/dialogs/image.js
搜索“d.config.image_previewText”，把(d.config.image_previewText||”)加粗的內(nèi)容全刪了。

開(kāi)啟上傳功能

在ckeditor/plugins/image/dialogs/image.js
搜索：id:’Upload’,hidden:!0
實(shí)際上上傳功能被隱藏了，把上面的!0改成false。

定義上傳文件時(shí)的 action

config.filebrowserUploadUrl = '/index.php?action=address&do=upload'; //地址自定義

在php處理文件中加入upload方法

 $name = 'upload'; if ($request->hasFile($name)){ //獲取文件
 $file = $request->file($name); $time = date('Ymd',time()); // 文件是否上傳成功
 if ($file->isValid()) { // 獲取文件相關(guān)信息
 $originalName = $file->getClientOriginalName(); // 文件原名
 $ext = $file->getClientOriginalExtension();     // 擴(kuò)展名
 $realPath = $file->getRealPath();   //臨時(shí)文件的絕對(duì)路徑
 $type = $file->getClientMimeType();     // image/jpeg // 上傳文件
 $filename = uniqid() . '.' . $ext; $path = 'editor/'.$time.'/'.$filename; //這里的uploads是配置文件的名稱(chēng)
 $bool = Storage::disk('admin')->put('/'.$path, file_get_contents($realPath)); //判斷是否創(chuàng)建成功
 if (!$bool) return response()->json([ 'uploaded' => 0, 'error' => '上傳失敗',
 ]); return response()->json([ 'uploaded' => 1, "fileName" => $filename, "url" => '/upload/'.$path ]); } } return response()->json([ 'uploaded' => 0, 'error' => '上傳失敗',
 ]);```
##### bootstrap中引用
> 注冊(cè)前端組件別名
```php
//(/dcat/editor/ 即你ckeditor存放目錄,
//這里放在了,public/dcat/editor/ckeditor)
Admin::asset()->alias('@ckeditor', [
 'js' => [ '/dcat/editor/ckeditor/ckeditor.js', '/dcat/editor/ckeditor/adapters/jquery.js', ],]);

需要的拿走測(cè)試!