分类导航
HTMLHTML5JavaScriptCSSjQueryBootstrapAngularjsVueDojoJsonElectronNode.jsExpressXMLAjaxUnityReactFlexWeb前端微信小程序支付小程序百度小程序

javascript – jQuery实际图像diamension

jQuery   发布时间：2022-04-19  发布网站：大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – jQuery实际图像diamension，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
我有一个1024×768的图像 

<span class="frame">
<img alt="Image" title="Image" src="hD41120CA-7164-11DF-A79E-F4CE462E9D80_Green_Sea_Turtle.jpg">
</span>

并且下面的CSS将图像宽度设置为

.frame img{
    width:425px;
}

和jQuery代码

$('.uploaded_image img').attr("width");

返回425

如何在JavaScipt中检索图像1024的实际宽度？

解决方法

我不确定,但我认为所有与尺寸相关的函数(如.width())都将返回实际宽度,而不是图像的实际宽度.

您可以做的是在javascript中添加新图像,将源设置为原始图像的源并从中获取宽度.

一个未经测试的例子：

tmp_image = new Image();
tmp_image.src = $('.uploaded_image img').attr("src");
image_width = tmp_image.width;

大佬总结

以上是大佬教程为你收集整理的javascript – jQuery实际图像diamension全部内容，希望文章能够帮你解决javascript – jQuery实际图像diamension所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。
标签：diamensionjavascriptjquery图像实际
猜你在找的jQuery相关文章
其他相关热搜词更多
phpJavaPython程序员load中如何string使用参数jquery开发安装listlinuxiosandroid工具javascriptcap