Загружаю файл на сайт, после чего он сразу должен обработаться функцией JS, с ajax запросом
function selectLocalImage() {
var input = document.createElement("input");
input.setAttribute("type", "file");
input.click();
// Listen upload local image and save to server
input.onchange = () => {
const file = input.files[0];
// file type is only image.
if (/^image\//.test(file.type)) {
this.saveToServer(file, "image");
} else {
console.warn("Only images can be uploaded here.");
}
};
}
function saveToServer(file) {
console.log('обрабатываем');
var uploadFile = file;
var image = new FormData(uploadFile);
console.log(image);
// Upload file to server and get the uploaded file url in response then call insertToEditor(url) after getting the url from server
$.ajax({
type: 'post',
url: '/images/upload',
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
data: {
file: image,
},
processData: false,
contentType: false,
success: function(response){ // What to do if we succeed
console.log('у тебя все получилось');
$('#result').html(response);
// console.log(response);
},
error: function(response){
alert('Error'+response);
}
});
}
function insertToEditor(url) {
// push image url to editor.
const range = quill.getSelection();
quill.insertEmbed(range.index, "image", url);
}
URL введет на контроллер
public function upload(Request $request)
{
$file = $request->all();
dd($file);
// $path = $file->store('uploads', 'public');
// $link = '/storage/uploads/'.$path;
// return response()->json(['url' => $link]);
}
Но в ответ получаю просто - []
