i'm trying to upload images in between my blog content but when i select images from the gallery its shoes the error Route[/] not found, even though the route is defined correctly create.blade.php
<div class="wt-formtheme wt-userform wt-userformvtwo">
{!! Form::textarea('content', null, ['class' => 'wt-tinymceeditor', 'id' => 'wt-tinymceeditor', 'placeholder' => trans('lang.blog_desc_note')]) !!}
<input name=image type=file id="contentpics" onchange="">
</div>
app.js
tinymce.init({
selector: "textarea.wt-tinymceeditor",
height: 300,
theme: "modern",
plugins: [
"code advlist autolink lists link image charmap print preview hr anchor pagebreak",
],
menubar: false,
statusbar: false,
toolbar1:
"undo redo | insert | image | styleselect | bold italic | alignleft aligncenter alignright alignjustify code",
image_advtab: true,
automatic_uploads:true,
images_upload_url:'/upload',
file_picker_callback: function(callback, value, meta) {
if (meta.filetype == 'image') {
console.log("im image")
$('#contentpics').trigger('click');
$('#contentpics').on('change', function() {
var file = this.files[0];
console.log(file);
var reader = new FileReader();
reader.onload = function(e) {
callback(e.target.result, {
alt: ''
});
};
reader.readAsDataURL(file);
});
}
},
image_advtab: true,
inline_styles: true,
remove_script_host: false,
extended_valid_elements: "span[style],i[class]",
relative_urls: false,
});
web.php
Route::post('/upload', 'BlogController@upload');
BlogController.php
public function upload(Request $request){
$fileName=$request->file('contentpics')->getClientOriginalName();
$path=$request->file('contentpics')->storeAs('uploads', $fileName, 'public');
return response()->json(['location'=>"/storage/$path"]);
}
via Chebli Mohamed
Aucun commentaire:
Enregistrer un commentaire