Vuejs On File Input Selected Event

Jan 6, 2023
<script setup>const fileRef = ref(null)async function uploadFile() {  // assume only 1 file  const file = fileRef.value.files[0]}  </script><template>  <input type="file" accept="image/*" :ref="(el) => fileRef = el" v-on:change="uploadFile()" /></template>

❤️ Is this article helpful?

Buy me a coffee ☕ or support my work via PayPal to keep this space 🖖 and ad-free.

Do send some 💖 to @d_luaz or share this article.

✨ By Desmond Lua

A dream boy who enjoys making apps, travelling and making youtube videos. Follow me on @d_luaz

👶 Apps I built

Travelopy - discover travel places in Malaysia, Singapore, Taiwan, Japan.