Tengo un inconveniente, estoy tratando de enviar archivos a mi API en laravel, desde un formulario de prueba, usando javascript, el detalle, es que al momento de enviarlo a la API, la funcion store o GetOriginalName, me lanzan el error:
Call to a member function getOriginalName()/store() on null
El formulario:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>File</title>
</head>
<body>
<form enctype="multipart/form-data" action="#" method="POST">
<input id="Doc" name="uploadedfile" type="file" />
<input type="hidden" id="cod" name="cod" value="asdsad">
<input type="hidden" id="codd" name="codd" value=1>
<input type="button" id="Enviar" value="Enviar datos" onclick="file()">
</form>
</body>
<script src="js/script.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/axios/0.19.2/axios.js">
El archivo .js
function file(){
const archivo = {
cod : document.getElementById('cod').value,
Doc : document.getElementById('Doc').files[0],
codd : document.getElementById('codd').value
}
console.log(document.getElementById('Doc').files[0])
axios.post('http://127.0.0.1:8000/api/doc',
document.getElementById('Doc').files[0]).then(response => {
console.log(response.data)
}).catch(error => {
console.log(error)
})
}
El Metodo:
public function InsertDocumento(Request $request)
{
if($request->file('Doc'))
{
$doc = new Documento;
$doc->Codigo_Documento = $request->input('cod');
$doc->nombre =$request->file->getClientOriginalName();
$request->file('Doc')->store();
$doc->Codigo_curso = $request->input('codd');
$x = $doc->save();
return $x;
}
}
He hecho lo que me sugeriste, lastimosamente me sigue dando el mismo error Call to a member function getClientOriginalName() on null , para comprobar si tenia alguno archivo, usando if($request->file('Doc')), y un else, devolviendome un 1 en caso de que no enviase nada, lastimosamente siempre me devuelve el mismo 1.
public function InsertDocumento(Request $request)
{
$nombre = $request->file('Doc')->getClientOriginalName();
if($request->file('Doc'))
{
$doc = new Documento;
$doc->Codigo_Documento = $request->input('cod');
$doc->nombre = $nombre;
$request->file('Doc')->storeAs('/', $nombre);;
$doc->Codigo_curso = $request->input('codd');
$x = $doc->save();
return $x;
}
else
{
return 1;
}
}
Archivo JS
function file(){
let file = document.getElementById('Doc').files[0];
let data = new FormData();
data.append("Doc", file);
data.append("cod", document.getElementById('cod').value);
data.append("codd", document.getElementById('codd').value);
let settings = { headers: { 'content-type': 'multipart/form-data' } }
let url = 'http://127.0.0.1:8000/api/doc';
axios.post(
url,
data,
settings
)
.then(response => {
console.log(response.data)
})
.catch(error => {
console.log(error)
})
}