我正在与一个朋友一起开发Rails应用程序，并且正在协助一些前端和UI任务。对于其中一个视图，页面仅显示用户上传的图像。
在我的JavaScript中，我需要获取可能每次更改的图像宽度。在该站点上的其他问题中，我看到很多人都可以使用类似的解决方案。var image = new Image();但是，由于该图像是由Rails动态加载的，因此无法访问该图像。
本质上，如何确定JavaScript中动态加载的图片的原始尺寸？
我曾想过的肮脏解决方案，但会尽量避免：
1-在使用CSS修改项目之前获取项目的宽度-例如
originalWidth = img.width();
img.css('width','100%');
2-让Rails应用程序存储图像尺寸，以便像<%= @image.width%>我的JS代码中一样嵌入它们
如果图像元素具有ID或其他标识符
img=new Image();
img.src=document.getElementById('imgElement').src;
console.log(img.width,img.height);
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句