ClaytonWWilson/CS307-Team24
1
0
Fork 0
mirror of https://github.com/ClaytonWWilson/CS307-Team24.git synced 2025-12-16 18:28:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Debugging upload issues

Browse Source
This commit is contained in:
Clayton Wilson 2019-10-29 15:00:21 -04:00
parent fb6c1e3d98
commit c96c77cd9f
1 changed files with 102 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

147
functions/handlers/users.js
View File

@ -266,64 +266,121 @@ exports.getAuthenticatedUser = (req, res) => {
// Uploads a profile image // Uploads a profile image
exports.uploadProfileImage = (req, res) => { exports.uploadProfileImage = (req, res) => {
const BusBoy = require("busboy"); // const BusBoy = require("busboy");
const path = require("path"); // const path = require("path");
const os = require("os"); // const os = require("os");
const fs = require("fs"); // const fs = require("fs");
// const busboy = new BusBoy({ headers: req.headers });
// let imageFileName;
// let imageToBeUploaded = {};
// let oldImageFileName = req.userData.imageUrl.split("/o/")[1].split("?alt")[0];
// console.log(`old file: ${oldImageFileName}`);
// busboy.on("file", (fieldname, file, filename, encoding, mimetype) => {
// if (mimetype !== 'image/jpeg' && mimetype !== 'image/png') {
// return res.status(400).json({ error: "Wrong filetype submitted" });
// }
// // console.log(fieldname);
// // console.log(filename);
// // console.log(mimetype);
// const imageExtension = filename.split(".")[filename.split(".").length - 1]; // Get the image file extension
// imageFileName = `${Math.round(Math.random() * 100000000000)}.${imageExtension}`; // Get a random filename
// const filepath = path.join(os.tmpdir(), imageFileName);
// imageToBeUploaded = { filepath, mimetype };
// file.pipe(fs.createWriteStream(filepath));
// });
// busboy.on("finish", () => {
// admin.storage().bucket().upload(imageToBeUploaded.filepath, {
// resumable: false,
// metadata: {
// metadata: {
// contentType: imageToBeUploaded.mimetype
// }
// }
// })
// .then(() => {
// const imageUrl = `https://firebasestorage.googleapis.com/v0/b/${config.storageBucket}/o/${imageFileName}?alt=media`;
// return db.doc(`/users/${req.user.handle}`).update({ imageUrl });
// })
// .then(() => {
// if (oldImageFileName !== "no-img.png") {
// admin.storage().bucket().file(oldImageFileName).delete()
// .then(() => {
// return res.status(201).json({ message: "Image uploaded successfully1"});
// })
// .catch((err) => {
// console.log(err);
// return res.status(201).json({ message: "Image uploaded successfully2"});
// })
// // return res.status(201).json({ message: "Image uploaded successfully"});
// } else {
// return res.status(201).json({ message: "Image uploaded successfully3"});
// }
// })
// .catch((err) => {
// console.error(err);
// return res.status(500).json({ error: err.code})
// })
// });
// busboy.end(req.rawBody);
const BusBoy = require('busboy');
const path = require('path');
const os = require('os');
const fs = require('fs');
const busboy = new BusBoy({ headers: req.headers }); const busboy = new BusBoy({ headers: req.headers });
let imageFileName;
let imageToBeUploaded = {}; let imageToBeUploaded = {};
let oldImageFileName = req.userData.imageUrl.split("/o/")[1].split("?alt")[0]; let imageFileName;
console.log(`old file: ${oldImageFileName}`);
busboy.on("file", (fieldname, file, filename, encoding, mimetype) => { busboy.on('file', (fieldname, file, filename, encoding, mimetype) => {
// console.log(fieldname, file, filename, encoding, mimetype);
if (mimetype !== 'image/jpeg' && mimetype !== 'image/png') { if (mimetype !== 'image/jpeg' && mimetype !== 'image/png') {
return res.status(400).json({ error: "Wrong filetype submitted" }); return res.status(400).json({ error: 'Wrong file type submitted' });
} }
// console.log(fieldname); // my.image.png => ['my', 'image', 'png']
// console.log(filename); const imageExtension = filename.split('.')[filename.split('.').length - 1];
// console.log(mimetype); // 32756238461724837.png
const imageExtension = filename.split(".")[filename.split(".").length - 1]; // Get the image file extension imageFileName = `${Math.round(
imageFileName = `${Math.round(Math.random() * 100000000000)}.${imageExtension}`; // Get a random filename Math.random() * 1000000000000
).toString()}.${imageExtension}`;
const filepath = path.join(os.tmpdir(), imageFileName); const filepath = path.join(os.tmpdir(), imageFileName);
imageToBeUploaded = { filepath, mimetype }; imageToBeUploaded = { filepath, mimetype };
file.pipe(fs.createWriteStream(filepath)); file.pipe(fs.createWriteStream(filepath));
}); });
busboy.on("finish", () => { busboy.on('finish', () => {
admin.storage().bucket().upload(imageToBeUploaded.filepath, { admin
resumable: false, .storage()
metadata: { .bucket()
.upload(imageToBeUploaded.filepath, {
resumable: false,
metadata: { metadata: {
contentType: imageToBeUploaded.mimetype metadata: {
contentType: imageToBeUploaded.mimetype
}
} }
} })
}) .then(() => {
.then(() => { const imageUrl = `https://firebasestorage.googleapis.com/v0/b/${
const imageUrl = `https://firebasestorage.googleapis.com/v0/b/${config.storageBucket}/o/${imageFileName}?alt=media`; config.storageBucket
return db.doc(`/users/${req.user.handle}`).update({ imageUrl }); }/o/${imageFileName}?alt=media`;
}) return db.doc(`/users/${req.user.handle}`).update({ imageUrl });
.then(() => { })
if (oldImageFileName !== "no-img.png") { .then(() => {
admin.storage().bucket().file(oldImageFileName).delete() return res.json({ message: 'image uploaded successfully' });
.then(() => { })
return res.status(201).json({ message: "Image uploaded successfully1"}); .catch((err) => {
}) console.error(err);
.catch((err) => { return res.status(500).json({ error: 'something went wrong' });
console.log(err); });
return res.status(201).json({ message: "Image uploaded successfully2"});
})
// return res.status(201).json({ message: "Image uploaded successfully"});
} else {
return res.status(201).json({ message: "Image uploaded successfully3"});
}
})
.catch((err) => {
console.error(err);
return res.status(500).json({ error: err.code})
})
}); });
try {
busboy.end(req.rawBody); busboy.end(req.rawBody);
} catch (err) {
return res.status(500).json({error: err});
}
} }