[英]Issues in image uploading using vue-wysiwyg
我在 laravel-vue 應用程序中使用vue- wysiwyg編輯器。 在這個編輯器中有一個上傳圖片的選項,通過這個包的不完整文檔,我可以上傳圖片並獲取上傳文件的公共網址。 但是這個包有時有效,有時根本不起作用。
這是我如何使用這個包
主文件
import wysiwyg from "vue-wysiwyg";
Vue.use(wysiwyg, {
forcePlainTextOnPaste: true,
image: {
uploadURL: "/api/save-support-files",
dropzoneOptions: {}
},
});
/api/save-support-files
public function uploadUserFile(Request $request)
{
$uploadedFile = $request->file('file');
if (false == $uploadedFile) {
return response()->api(false, 'Kindly upload a file');
}
$allowed_file_extentions = [
'jpeg',
'png',
'jpg',
'gif',
'svg'
];
if (false == in_array($uploadedFile->getClientOriginalExtension(), $allowed_file_extentions)) {
return response()->api(false,'Allowed file types are jpeg, png, jpg, gif, svg',null);
}
$file_url = Storage::disk('public')->putFileAs('/support-files',$uploadedFile,generateRandomString('5').'.'.$uploadedFile->getClientOriginalExtension());
// return response()->api(true,'File uploaded successfully',config('app.url').'/storage/'.$file_url);
return config('app.url').'/storage/'.$file_url;
}
我現在面臨的問題:
一旦我從文件瀏覽器中選擇圖像,圖像就會通過 api 成功上傳,但它沒有顯示在編輯器中。
無法選擇已上傳的圖片,我必須刷新頁面,然后再次選擇文件以再次上傳。
有沒有人解決這個問題? 請幫幫我。
我的上傳存儲功能如下所示:
public function store(Request $request)
{
$request->validate(['file' => 'required']);
$file = $request->file('file');
if ($file->isValid()) {
$path = $file->storePublicly(now()->format('Y' . DIRECTORY_SEPARATOR . 'm' . DIRECTORY_SEPARATOR . 'd'));
return response(Storage::disk('public')->url($path), Response::HTTP_CREATED)->withHeaders(
[
'content-type' => 'text/html'
]
);
}
abort(Response::HTTP_BAD_REQUEST);
}
確保您已將APP_URL
中的.env
設置為完整 url ( http://my-site.com )
確保您運行php artisan storage:link
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.