Как загрузить изображение с помощью мультера в Nodejs

Question

Я использую Nodejs express и рули для разработки пользовательского интерфейса. Я могу загрузить файлы изображений, используя опцию «выбрать файл», очень просто, используя multer. Но перетаскивать и обрезать изображения нельзя, используя multer.

Как загрузить изображения, добавленные с помощью перетаскивания ...?

Форма внешнего интерфейса

Я написал несколько функций javascrypt во внешнем интерфейсе для обработки нескольких функций для обработки событий в области перетаскивания. Я думаю, что эта часть не обязательна для ответа на мой вопрос.

Backend Nodejs

//set storage engine
const storage = multer.diskStorage({
    destination:"./public/uploads",
    filename: function(req,file,cb){
        cb(null,file.fieldname+'_'+Date.now()+path.extname(file.originalname)); 
    }
});

//init uploads
const upload = multer({
    storage:storage,
    limits: {fileSize:10000000}
}).single('imgFile');


//add new product
router.post('/add_new', (req, res) => {

    upload(req,res, (err)=>{
        // return;
        if (err) {
            console.log(err);
        }else{
            if (req.file == undefined) {
                console.log("No image files available");
            }else {
                console.log("Image uploaded succesfully");
            }
        }
    });
});