Generate Image File Previews in Vue.js

In this lesson, learn how to display a preview of an uploaded image. There are a couple different approaches for this:

1. Upload the file to your server and then use the returned url as the src attribute on an img element
2. Use the URL.createObjectURL function on the image File objects to get a string for use on the src attribute of an img element. (This approach can be done BEFORE upload)

Links

• MDN - URL.createObjectURL