Как загрузить изображение с фронтенда на бэкэнд ⇐ Jquery

[Anonymous]

У меня есть кнопка Загрузить изображение. При нажатии на эту кнопку открывается модальное окно. Существует два разных поля: Название изображения, Входной файл. При отправке нажмите кнопку Сохранить. Он попадет в файл image.js. Я не могу понять, как сохранить эти изображения в свою базу данных. кто-нибудь, пожалуйста, помогите мне.

Код интерфейса

/modal.html





Upload Image









×

Please Upload Image

Cancle
Save







/image.js

$(function() {
$('#myFormSubmit').click(function (e) {
//How to send Image from here to backend
});
});


Бэкенд-код Node.js

/request.js

exports.addads = function(req, res) {
var addads = req.app.db.model('Adds');
var data = { imageTitle : req.body.imageTitle,
img : "http://localhost:4040/"+req.body.img, };
var query = addads(data);
query.save(function(err,data) {
if(err) {
console.log(err.toString());
} else {
// console.log('Adds Added Successfully');
res.json({ success: true });
update_routers(req);
}
});
};

//Image Logic
var file_url = '';
var storage = multer.diskStorage({ //multers disk storage settings
//console.log("sdfas");
destination: function (req, file, cb) {
cb(null, 'public/img/');
},
filename: function (req, file, cb) {
var datetimestamp = Date.now();
file_url = file.fieldname + '-' + datetimestamp + '.' + file.originalname.split('.')[file.originalname.split('.').length -1]
cb(null, file_url);
}
});

var upload = multer({ //multer settings
storage: storage
}).single('file');

/** API path that will upload the files */
app.post('/uploadImage', function(req, res) {
// console.log("req*****", req.fields);
upload(req,res,function(err){
if(err){
res.json({error_code:1,err_desc:err});
return;
}
console.log("file_url", file_url);
exec('convert '+ "public/img/" + file_url + " -resize 100x100 " + "public/img/" + file_url, function (err, out) {
if (err) {
console.log("error", err);
} else {
console.log("success");
res.json({error_code:0,err_desc:null, file_url: 'img/'+file_url});
}
});
});
});


/route.js

router.post('/api/adds', requests.addads);


/schema/ads.js

exports = module.exports = function(app, mongoose) {
var addsSchema = new mongoose.Schema({
imageTitle : { type: String, default: '' },
img : { type: String, default: '' }

});
app.db.model('Adds', addsSchema);
};


Подробнее здесь: https://stackoverflow.com/questions/421 ... to-backend