Looking to incorporate the blueimp jquery file upload feature into my Laravel app. Check it out here: https://github.com/blueimp/jQuery-File-Upload
The form is set up and working properly with the plugin, but facing issues with creating server-side scripts in Laravel to manage the upload process.
Changes made to the form action:
<form id="fileupload" action="{{ route('photos.post.upload') }}" method="POST"
enctype="multipart/form-data">
In main.js (part of the plugin), the URL has been defined as:
$('#fileupload').fileupload({
// Uncomment the following to send cross-domain cookies:
//xhrFields: {withCredentials: true},
url: '/photos/upload/'
});
A route has been added to the routes file:
Route::any('photos/upload', [
'as'=>'photos.post.upload',
'uses' => 'PhotosController@uploadImage'
]);
The controller function:
public function uploadImage()
{
dd(Input::file());
return Response::json(
array(
"files" => array(
"name" => "post"
))
);
}
Currently trying to test if the form data is being received, but encountering empty data upon upload.
Testing with both Route::any() and Route::post(), resulting in a 301 error (permanently moved).
Using Google Chrome, it seems that POST is being utilized for the upload as anticipated and the file appears to be included.
Hence,
- Why am I receiving the 301 error - what might be missing from the JavaScript side?
- Why is
Input::file()returning empty?
Any assistance would be greatly appreciated.