TypeScript React <img /> onLoad event.target не может найти naturalWidth naturalHeight
return <img {...props} onLoad = {event => {
console.info(event.target.naturalWidth)
}}/>
Я хочу получить naturalWidth и naturalHeight в TypeScript React.
Но застрял, TypeScript не может найти это свойство.
Как получить naturalWidth и naturalHeight в TypeScript React?
@Ganeshchaitanya спасибо, думаю это единственный выход.
Ответы 2
Вы можете попробовать innerWidth и innerHeight.
console.info(событие.target.innerWidth)
Но мне нужна исходная ширина и высота
$(document).ready(function(){ $("button").click(function(){ var img = $("#sky"); // Создаем фиктивное изображение, чтобы получить реальный размер $("<img> ").attr("src", $(img).attr("src")).load(function(){ var realWidth = this.width; var realHeight = this.height; alert("Исходная ширина = " + realWidth + ", " + "Исходная высота = " + realHeight); }); }); }); Попробуй это.
Это jQuery, но я хочу решение TypeScript React.
Вы можете получить доступ к HTMLImageElement через event.currentTarget (не event.target), так что это должно работать:
return <img {...props} onLoad = {event => {
console.info(event.currentTarget.naturalWidth)
}}/>
Вы можете использовать let image = event.target как HTMLImageElement; console.info(event.target.naturalWidth); Внутри тела функции onload.