Hola estoy ejecutando un proyecto final en Heroku usando MongoLab y Multer para subir fotos, parece funcionar bien, pero después de unas horas o menos las fotos desaparecen de la página, pero deja el marcador de posición img, aparece el símbolo cuando el navegador no puede encontrar la imagen. De hecho abro la consola y aparece ese mensaje que que no puede encontrar el archivo.
Es esto cuestion de Heroku o Mongolab o es sólo la cuenta gratuita de mongoLab. También no importa si hay una foto cargada o una docena todavía desaparecen después de un rato.
¿Hay un hack, una línea complicada de código o algo que hice mal con Multer o mi base de datos? He hecho una investigación profunda en la web y Stack-Overflow he encontrado algo llamado GRIDfs pero no sé si eso funcionará. ¿Estoy en el camino correcto?
Este es mi codigo en Node:
var express = require("express"),
body_parser = require("body-parser"),
multer = require("multer"),
mongoose = require("mongoose");
var app = express();
//connect my local database to MongoLab database
var url = process.env.DATABASE || "mongodb://localhost/black_hat";
mongoose.connect(url);
Esta es la configuracion de Multer:
var storage = multer.diskStorage({
destination: function(req, file, callback){
callback(null, "./public/uploads");
},
filename: function(req, file, callback){
callback(null, Date.now() + file.originalname);
}
});
var upload = multer({storage : storage}).single("image");
Este es la ruta donde subo la imagen:
app.post("/fotos_videos", isLoggedIn, function(req, res) {
upload(req, res, function(err) {
if(err){
return res.end("Error uploading file");
}
// get data from form
var newName = req.body.name,
newCover = "/uploads/" + req.file.filename;
// Packing into an object
var newCollage = {
name : newName,
cover: newCover
};
//create new album
Collage.create(newCollage, function(err, collage) {
if(err){
console.log(err);
} else {
// console.log(collage);
res.redirect("/fotos_videos");
}
});
});
});
La forma donde envio la imagen:
<div style="width=30%; margin: 30px auto" >
<form action="/fotos_videos" method="POST" enctype="multipart/form-data">
<div class="form-group">
<label>Album Name</label>
<input type="text" name="name" placeholder="Album Name" class="form-control">
</div>
<div class="form-group">
<label>Choose Album Cover</label>
<input type="file" name="image" placeholder="image url" class="form-control" required>
</div>
<div class="form-group">
<button class="btn btn-lg btn-primary btn-block">Upload</button>
</div>
</form>
<a href="/fotos_videos">Back</a>
</div>
Mi modelo de mongoose:
var mongoose = require("mongoose");
// Schema
var collageSchema = new mongoose.Schema({
name : String,
cover : String,
photos: [{
type: mongoose.Schema.Types.ObjectId,
ref: "Photo"
}]
});
var Collage = mongoose.model("Collage", collageSchema);
module.exports = Collage;
Asi que repito todo esta bien al pricipio despliego la forma donde me pide la imagen que quiero subir luego me redirecciona a la pagina donde esa imagen se despliega y esta bien... por unas horas por que despues la imagen desaparece. Leei y encontre que multer no sube las imagenes a la base de datos que para eso debo de usar GRIDfs no se si esa informacion sea del todo correcto?