Adding Upload of Images To S3

Introduction

With our objective of cloning the WhatsApp application nearly achieved, we now need to add the feature that allows users to share pictures. We will learn how to integrate storage to the Vue.js application using AWS Amplify by the end of this lesson. The steps we are going to follow are:

• Uploading images
• Downloading images
• Rendering images

Uploading images

We will add the application’s functionality to the ./helpers/MessageInput.vue component. We will follow the process of uploading the image to the S3 bucket and saving the key in our database. We will use the ...