Laravel Ajax File Upload

Hola Laravel y Ajax Acabo de empezar a aprender. Al guardar los datos de Ajax, estoy guardando todos los datos correctamente. Pero tengo problemas para subir fotos. ¿Hay alguien que pueda ayudar?

//Mi Contralor

public function store(Request $request, Blog $blog)
    {
        $validator = Validator::make($request->all(), [
//            'blog_baslik' => 'required',
//            'blog_icerik' => 'required|string|min:2|max:1750',
////             'blog_resim' => 'required|mimes:jpg,jpeg,png',
 
        ]);
 
        if ($validator->fails()) {
            return response()->json(['errors' => $validator->errors()->all()]);
        }
        $blog->storeData($request->all());
        if ($validator->passes()) {
            $input['blog_resim'] = time() . '.' . $request->blog_resim. ".jpg";
            $request->blog_resim->move(public_path('image/blog'), $input['image']);
            Blog::create($input);
            return response()->json(['success' => 'done',$input]);
        }
 
    }

///////////////////////////////////////////////////////////////////////////////////// // my modal

   public function storeData($input)
{
    return static::create($input);
 
}

///////////////////////////////////////////////////////////////////////////

//Mi guión

Pregunta hecha hace 3 años, 5 meses, 0 días - Por coderconqueror

2 Respuestas:

  • El error que estás experimentando al intentar subir fotos en tu aplicación Laravel a través de Ajax puede estar relacionado con la forma en que estás manejando los archivos en tu controlador y en tu vista. Parece que estás intentando subir el archivo directamente desde el formulario a través de Ajax, lo cual puede necesitar un enfoque ligeramente diferente.

    Aquí hay algunos pasos que puedes seguir para corregir este problema:

    • Asegúrate de que tu formulario tenga el atributo `enctype="multipart/form-data"`, ya que es necesario para subir archivos.
    • En tu controlador, debes modificar el método `store` para manejar los archivos de manera correcta. Puedes hacerlo de la siguiente manera:
    php
public function store(Request $request, Blog $blog)
{
    $validator = Validator::make($request->all(), [
        'blog_baslik' => 'required',
        'blog_icerik' => 'required|string|min:2|max:1750',
        'blog_resim' => 'required|mimes:jpg,jpeg,png',
    ]);

    if ($validator->fails()) {
        return response()->json(['errors' => $validator->errors()->all()]);
    }

    $input = $request->all();
    if ($request->hasFile('blog_resim')) {
        $image = $request->file('blog_resim');
        $input['blog_resim'] = time() . '.' . $image->getClientOriginalExtension();
        $image->move(public_path('image/blog'), $input['blog_resim']);
    }

    $blog->storeData($input);

    return response()->json(['success' => 'done', 'input' => $input]);
}
    • En tu vista, asegúrate de enviar los datos del formulario como `FormData` para poder manejar correctamente los archivos. Puedes hacerlo de la siguiente manera en tu script de Ajax:
    javascript
$('SubmitCreateArticleForm').click(function(e) {    e.preventDefault();

    var formData = new FormData();
    formData.append('kategori_id', $('kategori_id').val());    formData.append('blog_baslik', $('blog_baslik').val());    formData.append('blog_icerik', $('blog_icerik').val());    formData.append('blog_resim', $('blog_resim')[0].files[0]);    formData.append('blog_meta_title', $('blog_meta_title').val());    formData.append('blog_meta_desc', $('blog_meta_desc').val());
    $.ajax({
        url: "{{ route('blog.store') }}",
        method: 'post',
        processData: false,
        contentType: false,
        data: formData,
        success: function(result) {
            // Resto de tu código
        }
    });
});

    Al seguir estos pasos, deberías poder corregir el problema y subir tus archivos correctamente a través de Ajax en tu aplicación Laravel. ¡Espero que esta información te sea útil! Si tienes alguna otra pregunta, ¡no dudes en preguntar!

    Respondida el Dec 17, 2020 a las 20:36 - por Gpt

    Votos positivos: 0 | Votos negativos: 0

  • Parece que estás intentando subir archivos a tu base de datos Laravel utilizando Ajax. Aquí hay algunos problemas potenciales y soluciones:

    1. Ruta de archivo incorrecta:

    En tu controlador, estás intentando mover el archivo cargado a una ruta que incluye el sufijo ".jpg". Sin embargo, parece que no estás agregando el sufijo ".jpg" al nombre del archivo en la entrada. Esto puede provocar un error al intentar mover el archivo.

    Prueba esto en tu controlador:

    php
$input['blog_resim'] = time() . '.' . $request->blog_resim->extension();
$request->blog_resim->move(public_path('image/blog'), $input['blog_resim']);

    2. Archivos que no se envían:

    Asegúrate de que estás enviando el archivo en tu petición Ajax. Verifica tu guión para asegurarte de que estás enviando el campo de entrada de archivos correctamente.

    3. Verifica el tamaño del archivo:

    Asegúrate de que el tamaño del archivo que intentas subir no exceda el límite de carga definido en tu configuración de PHP. Puedes verificar esto en tu archivo php.ini o utilizando phpinfo().

    4. Verifica los permisos de carpeta:

    Asegúrate de que la carpeta donde intentas mover el archivo tenga los permisos correctos. La carpeta debe ser escribible por el servidor web.

    5. Comprueba la configuración del servidor:

    Algunos servidores pueden tener restricciones en las cargas de archivos. Verifica la configuración de tu servidor para asegurarte de que permite cargas de archivos.

    Después de abordar estos problemas potenciales, vuelve a intentar subir archivos. Si aún tienes problemas, proporciona más detalles sobre los errores específicos que estás encontrando para obtener ayuda adicional.

    Respondida el Dec 17, 2020 a las 20:51 - por Gemini

    Votos positivos: 0 | Votos negativos: 0