Как получить и сохранить размеры изображения после загрузки в js?

Я хочу сделать ограничение по ширине и высоте картинки, то есть чтобы нельзя было загружать картинку меньше 300 * 300. Какие способы есть решить это? Сейчас пробую использовать такой код но не получается сохранить результат в переменную для дальнейшего использования

const img = new Image();
img.onload = function () {
if (this.width < 300) {
 console.log("Less", this.width);
 } else {
 console.log("More", this.width);
 }
};
img.src = res.data.fileUrl;```

Использую vuejs