how to send multiple files from Vue js to PHP

Question

<form method="POST" @submit.prevent="share" >
            <div id="imgs">
            
            Select Images: <input type="file" ref="file" name="file[]" multiple ></form>

      share(){
        var formData=new FormData();
         
  for( var i = 0; i < this.$refs.file.files.length; i++ ){
        let file = this.$refs.file.files[i];
        formData.append('file[' + i + ']', file);
    };

    
        axios.post('http://localhost/11/upload_img.php',formData,{
            headers:{'Content-Type':'multipart/form-data'}
        }).then((res)=>{
            console.log("sent");
            
        });
    }}}

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.js"></script>
<form method="POST" @submit.prevent="share" >
                <div id="imgs">
                
                Select Images: <input type="file" ref="file" name="file[]" multiple >

i send files in vue js like above and here is my PHP codes$filename=$_FILES['file']['name'];

$files=$_FILES['file'];

echo($files);

and i get this error

Notice: Undefined index: file in C:\xampp\htdocs\11\upload_img.php on line 6

Debuqer · Accepted Answer · 2021-03-31 09:29:02Z

1

It seems like you did not set "multipart/form-data" for your form enctype attribute, so you wont get $_FILES['file'] in backend side

check What does enctype='multipart/form-data' mean?

answered Mar 31, 2021 at 9:29

Debuqer

3942 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Emın Over a year ago

now i did but still same error , do i need to change anything?

Debuqer Over a year ago

what is the result of var_dump($_FILES) ?

Collectives™ on Stack Overflow

how to send multiple files from Vue js to PHP

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related