[Vuejs]-How to send images with Vue filepond via axios?

by

4👍

✅

The files prop is intended to preload files. It doesn’t get updated with files you actually drop onto the component.

To see which files are processed (uploaded), listen to the processfile event. To see which files were added (but not yet processed), listen to the addfile event:

<template>
  <file-pond @processfile="onProcessFile" @addfile="onAddFile" />
</template>

<script>
export default {
  methods: {
    onProcessFile(error, file) {
      console.log('file processed', { error, file })
    },
    onAddFile(error, file) {
      console.log('file added', { error, file })
    }
  }
}
</script>

demo

👤tony19

Leave a comment