Breaking News: Grepper is joining You.com. Read the official announcement!

Uploading multiple files

AHMED SHARIF answered on May 29, 2022 Popularity 9/10 Helpfulness 1/10

answer Uploading multiple files

related Multiple File Upload

Uploading multiple files

Comment

const formData = new FormData();
const photos = document.querySelector('input[type="file"][multiple]');

formData.append('title', 'My Vegas Vacation');
for (let i = 0; i < photos.files.length; i++) {
  formData.append(`photos_${i}`, photos.files[i]);
}

fetch('https://example.com/posts', {
  method: 'POST',
  body: formData,
})
.then((response) => response.json())
.then((result) => {
  console.log('Success:', result);
})
.catch((error) => {
  console.error('Error:', error);
});

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: developer.mozilla.org

Tags: uploading whatever

Link to this answer
Share Copy Link

Contributed on Jul 26 2022

AHMED SHARIF

0 Answers Avg Quality 2/10

Closely Related Answers

Multiple File Upload

Comment

<?php

  

namespace App\Http\Controllers;

  

use Illuminate\Http\Request;

use App\Models\File;

  

class FileController extends Controller

{

    /**

     * Display a listing of the resource.

     *

     * @return \Illuminate\Http\Response

     */

    public function index()

    {

        return view('fileUpload');

    }

    

    /**

     * Display a listing of the resource.

     *

     * @return \Illuminate\Http\Response

     */

    public function store(Request $request)

    {

        $request->validate([

            'files' => 'required',

            'files.*' => 'required|mimes:pdf,xlx,csv|max:2048',

        ]);

      

        $files = [];

        if ($request->file('files')){

            foreach($request->file('files') as $key => $file)

            {

                $fileName = time().rand(1,99).'.'.$file->extension();  

                $file->move(public_path('uploads'), $fileName);

                $files[]['name'] = $fileName;

            }

        }

  

        foreach ($files as $key => $file) {

            File::create($file);

        }

     

        return back()

                ->with('success','You have successfully upload file.');

   

    }

}

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: www.itsolutionstuff.com

Tags: file-upload file

Link to this answer
Share Copy Link

Contributed on May 29 2022

Zany Zebra

0 Answers Avg Quality 2/10

Multiple File Upload

Comment

<?php

  

namespace App\Http\Controllers;

  

use Illuminate\Http\Request;

use App\Models\File;

  

class FileController extends Controller

{

    /**

     * Display a listing of the resource.

     *

     * @return \Illuminate\Http\Response

     */

    public function index()

    {

        return view('fileUpload');

    }

    

    /**

     * Display a listing of the resource.

     *

     * @return \Illuminate\Http\Response

     */

    public function store(Request $request)

    {

        $request->validate([

            'files' => 'required',

            'files.*' => 'required|mimes:pdf,xlx,csv|max:2048',

        ]);

      

        $files = [];

        if ($request->file('files')){

            foreach($request->file('files') as $key => $file)

            {

                $fileName = time().rand(1,99).'.'.$file->extension();  

                $file->move(public_path('uploads'), $fileName);

                $files[]['name'] = $fileName;

            }

        }

  

        foreach ($files as $key => $file) {

            File::create($file);

        }

     

        return back()

                ->with('success','You have successfully upload file.');

   

    }

}

Popularity 9/10 Helpfulness 1/10 Language whatever

Source: www.itsolutionstuff.com

Tags: file-upload file

Link to this answer
Share Copy Link

Contributed on May 29 2022

Zany Zebra

0 Answers Avg Quality 2/10

Uploading multiple files

Contents

More Related Answers

Uploading multiple files

Closely Related Answers

Multiple File Upload

Multiple File Upload

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.