For the time being, we have been using a placeholder for the product images. Let's again wire the client with the server to handle image upload. For the frontend, we are going to use
ng-file-upload, and for the backend, we are going to use a middleware called connect-multiparty.
File upload is not very straightforward in Angular. We cannot just bind to an input file HTML tag and expect it to work. Fortunately, there are plenty of libraries out there, like the one we are using, to solve the problem. Let's install
bower install ng-file-upload --save bower install ng-file-upload-shim --save
This library has useful features such as drag and drop, validation, file upload progress, cancel ...