⌘K

Instead of adding multiple file elements, you can use a single file element for allowing the user to upload more than one file.

Using the FormData object to pass the selected files to the PHP for upload.

In this tutorial, I show how you can upload multiple files using Vue.js and PHP.

Contents

Download & Include
HTML
PHP
Script
Output
Conclusion

1. Download & Include

Download Axios package from GitHub. or you can also use CDN (https://unpkg.com/axios/dist/axios.min.js).
Now, include axios.min.js with vue.js.

<script src="vue.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

#ajax #php #vue.js

How to Upload Multiple Files with Vue.js and PHP

makitweb.com

How to Upload Multiple Files with Vue.js and PHP

How to upload multiple files with Vue.js and PHP. In this tutorial, I show how you can use single HTML file element to upload multiple files using Vue.js and PHP. Create <div id='myapp'>. In the <div > create a file element and a button. Add ref attribute in the file element which is used to access files in Vue.

3.15 GEEK