我试过使用$element.width()
或$element.height()
,两者似乎都无法帮助检索ajax加载图像的值。我怎样才能得到这些与jQuery或常规JS?图像在CSS中没有设置。获取ajax加载图像的大小
回答
当您加载内容,在阿贾克斯成功使用这样的事情
var real_image_sizes = {};
$('your loaded images').one('load', function() {
//get real image size
real_image_sizes.width = this.width; // Note: $(this).width() will not
real_image_sizes.height = this.height; // work for in memory images.
}).each(function() {
if(this.complete) $(this).load();
});
因此,如果我理解正确,我需要在图像放入DOM之前获取宽度和高度? –
将图像放入dom后,图像加载完成后。你加载你的图像,把它们放到DOM中,然后执行加载,直到图像完全加载。 –
啊!他们需要加载。谢谢! –
只使用负载处理!
var $img = $('<img/>').attr('src','img_url.jpg').load(function(){
console.log('width: ', $img.width(), ' height: ', $img.height());
});
$('body').append($img);
这里是一个fiddle
感谢您的建议! –
- 1. 获取javascript预载图像的大小
- 2. 在加载图像之前获取图像大小
- 3. 获取图像的大小
- 4. 获取图像的大小
- 5. 获取图像的大小而不加载到内存
- 6. woocommerce获取图像大小
- 7. 获取图像大小
- 8. Silverlight:获取图像大小
- 9. PHP:获取图像大小
- 10. 获取加载到cq5中图像组件的图像的文件大小?
- 11. 获取图像URL的远程加载图像的文件大小
- 12. 使用JavaScript获取图像大小(kb)不加载它
- 13. 获取电晕图像大小而不加载它
- 14. jQuery/javascript - 在加载之前获取图像大小
- 15. Ajax - 下载前获取文件大小
- 16. Swift:完成图像加载后如何获取UIImageView图像大小?
- 17. 加载后图像大小增加
- 18. 加载大小的图像事件
- 19. Flash加载的图像内存大小
- 20. 如何在加载图像时缩小图像的大小
- 21. 加载SDWebImage图像大小大于imageview的图像
- 22. 如何获取动态加载的图像的图像加载?
- 23. ajax加载图像
- 24. 获取.NET模块图像的大小
- 25. 在UIImageView中获取图像的大小
- 26. 获取未压缩的图像大小
- 27. 获取图像输入流的大小
- 28. 获取图像的大小不与getimagesize
- 29. 与ajax上传后获取图像大小
- 30. GridBagLayout不调整图像加载大小
你能成为一个更具体一点关于你所说的“AJAX加载图片”是什么意思? –
我认为只有在元素上指定了宽度和高度标签,jQuery和javascript才会起作用。如果您可以在服务器端脚本中执行此操作,请执行此操作并重试。否则,您可以尝试使用服务器端脚本查询图像,并将结果回传到jquery中。 – user1477388
我使用jQuery的load()函数加载图像。我不是简单地从服务器端输出获取宽度和高度的原因是我不想设置任何图像大小。我尝试附加两个数据属性(包含值),它的工作原理,但它似乎是错误的。 –