图像详细信息-日期、realHeight、realWidth
图像详细信息-日期、realHeight、realWidth
提问于 2019-08-06 17:25:41
有没有人可以帮我在jQuery中获取图像的详细信息。有带有W X H的圆顶，也想添加日期- realWidth，realHeight，' date‘。
$(document).ready(function() {
var img = $("#img1");
// Create dummy image to get real size
$("<img>").attr("src", $(img).attr("src")).load(function() {
var realWidth = this.width;
var realHeight = this.height;
$('#resolution').html(realWidth + " X " + realHeight);
});
});回答 1
Stack Overflow用户
回答已采纳
发布于 2019-08-06 17:29:25
该问题是因为load()用于发出AJAX请求以检索HTML内容。要挂钩到load事件，请改用on()。试试这个：
$(document).ready(function() {
var $img = $("#img1");
$("<img />").prop("src", $img.prop("src")).on('load', function() {
var realWidth = this.width;
var realHeight = this.height;
$('#resolution').html(realWidth + " X " + realHeight);
});
});img {
width: 50px;
height: 37px;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<img src="https://i.imgur.com/3xi2iIl.jpg" id="img1" />
<div id="resolution"></div>
另外，我只能假设您需要以这种方式检索图像大小，因为图像在DOM中以改变的尺寸显示。如果不是这样，您可以直接从#img1读取大小。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57372904
复制相关文章
相似问题
腾讯云开发者
