Profile image upload functionality

frontend/src/app/navbar/navbar.component.html

@@ -58,7 +58,7 @@
 
  <mat-toolbar-row *ngIf="isLoggedIn()" class="second-toolbar-row">
  <span matTooltip="{{userEmail}}" matTooltipPosition="right">
- <a mat-button routerLink="/profile"><i class="user-info" class="fas fa-user-circle fa-lg"></i></a>
+ <a mat-button href="/profile"><i class="user-info" class="fas fa-user-circle fa-lg"></i></a>
  </span>
  <a mat-button routerLink="/basket"><i class="fas fa-shopping-cart fa-lg"></i> Your Basket</a>
  <a mat-button routerLink="/change-password"><i class="fas fa-user-secret fa-lg"></i> Change Password</a>

routes/fileUpload.js

@@ -5,6 +5,8 @@ const vm = require('vm')
 const fs = require('fs')
 const unzipper = require('unzipper')
 const path = require('path')
+const models = require('../models/index')
+const insecurity = require('../lib/insecurity')
 
 module.exports = function fileUpload () {
  return (req, res, next) => {
@@ -76,6 +78,37 @@ module.exports = function fileUpload () {
  }
  }
  }
+ if (utils.endsWith(file.originalname.toLowerCase(), '.jpg')) {
+ const loggedInUser = insecurity.authenticatedUsers.get(req.cookies.token)
+ if (loggedInUser) {
+ const buffer = file.buffer
+ const filename = file.originalname.toLowerCase()
+ fs.open('frontend/dist/frontend/assets/public/images/uploads/' + loggedInUser.data.id + '.jpg', 'w', function (err, fd) {
+ if (err) {
+ console.log('error opening file: ' + err)
+ }
+ fs.write(fd, buffer, 0, buffer.length, null, function (err) {
+ if (err) console.log('error opening file: ' + err)
+ fs.close(fd, function () {
+ })
+ })
+ })
+ models.User.findById(loggedInUser.data.id).then(user => {
+ user.updateAttributes({ profileImage: loggedInUser.data.id + '.jpg'}).then(user => {
+ console.log('profile Image updated succesfully.')
+ console.log(user.dataValues)
+ }).catch(error => {
+ next(error)
+ })
+ }).catch(error => {
+ next(error)
+ })
+ } else {
+ next(new Error('Blocked illegal activity by ' + req.connection.remoteAddress))
+ }
+ res.location('/profile');
+ res.redirect('/profile');
+ }
  res.status(204).end()
  }
 

server.js

@@ -139,7 +139,7 @@ app.use(cookieParser('kekse'))
 
 /* File Upload */
 app.post('/file-upload', upload.single('file'), fileUpload())
-app.post('/profile/imageupload', upload.single('file'), imageUpload())
+//app.post('/profile/imageupload', upload.single('file'), imageUpload())
 
 app.use(bodyParser.urlencoded({ extended: true }))
 app.use(bodyParser.text({type: '*/*'}))

views/userProfile.jade

@@ -49,14 +49,14 @@ html(lang='en')
  .col-sm-4
  img.img-rounded(src='assets/public/images/uploads/'+profileImage, alt='Cinque Terre', width='304', height='236')
  p(style='padding-left:36%;margin-top:8%;') usrname
- form(action='/profile/imageupload' , style='margin-top:10%;',method='post',enctype='multipart/form-data')
+ form(action='/file-upload' , style='margin-top:10%;',method='post',enctype='multipart/form-data')
  .form-group
- input(type='file', accept='image/*')
+ input(type='file', accept='image/*',name='file')
  .form-group 
  label ------------------------- Or -------------------------
  .form-group
  label(for='url') Image Url:
- input#url.form-control(type='text')
+ input#url.form-control(type='text',name='file')
  button.btn.btn-default(type='submit') Submit