Я пытаюсь получить размер моего изображения в IE9. Я сделал это с успехом (попробовал в jpg). Когда я пытаюсь загрузить изображение, ширина которого ниже высоты, нет никаких проблем. Но когда я пытаюсь загрузить изображение с шириной выше высоты, я вижу, что строки, которые выводят «vh:», «vw:», возвращают ноль.Размер изображения в Javascript - IE9
Почему возникает проблема при загрузке изображения (по моему коду) с шириной> по высоте? Спасибо.
Вот мой код (работает для IE9 - вот что я хочу проверить).
<!doctype html>
<html>
<head>
<!-- <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> -->
<link href='http://fonts.googleapis.com/css?family=PT+Sans:400italic' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=PT+Sans' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=PT+Sans:700' rel='stylesheet' type='text/css'>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"></script>
<title>Image preview example</title>
<script type="text/javascript">
var loadImageFile = (function() {
var v=new Image();
if (navigator.appName === "Microsoft Internet Explorer") {
return function() {
alert("file." + document.getElementById("id_filepic").value);
$("#id_image").css("filter", "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)");
//$("#id_image").attr("src", document.getElementById("id_filepic").value);
//v.src = document.getElementById("id_filepic").value;
v.src = $("#id_filepic").val();
alert("vw:" + v.width);
alert("vh:" + v.height);
$("#id_image").width(v.width);
$("#id_image").height(v.height);
document.getElementById("id_image").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = document.getElementById("id_filepic").value;
alert("w final:" + $("#id_image").width());
alert("h final:" + $("#id_image").height());
}
}
})();
</script>
<style type="text/css"></style>
</head>
<body>
<form name="uploadForm">
<p><input id="id_filepic" type="file" name="myPhoto" onchange="loadImageFile();" /><br />
</form>
<image id="id_image" src="" onmousedown="return false"></image>
</body>
Вы можете рассмотреть этот вопрос закрытым, так как у меня есть решение на: HTTP: // stackoverflow.com/questions/17012263/the-event-after-loading-image-on-ie9 Спасибо, в любом случае :) – Eitan