问题标签 [image-size]

一旦我第一次启动浏览器，我目前在获取图像宽度时遇到问题。我每次得到值 0 而不是正确的宽度。如果我启动浏览器并使用 f5 刷新页面，我会得到正确的值。

我该如何处理这个问题？这是我的代码部分：

size[0]在 Browser 的第一次启动时0，刷新后它具有正确的值。为什么？问候。

编辑 好吧，看来，一旦我敲击f5，有时也会出现问题。

我正在创建一个网页，允许用户输入 URL 并从 URL 中提取图像，例如 Facebook 或 pinterest 和 thefancy.com。您输入一个 URL，他们会为您获取宽度大于指定宽度的图像。

我的代码都是 jQuery，不需要确定图像大小并且工作正常。我还应该说我的 javascript 知识非常有限。

当用户点击回车时，页面向服务器端脚本发出一个 ajax 请求（使用 jQuery），并接收一个包含从页面中提取的图像源数组的 json 对象。在 ajax.success 回调中，我将此图像数组传递给使用 jquery append() 方法将图像动态添加到 DIV 的方法。

我试图在成功回调处理程序中获取图像大小。在阅读了 SO 之后，我添加了一个图像加载处理程序，并且在该图像加载处理程序中，我有一个回调 addImage()，它增加了一个 num_added 变量。稍后我想使用这个 num_added 变量来确定向用户显示什么样的消息。

问题是 showNextMessage() 不会等待 processUrlFetch() 中的循环完成。调用 processUrlFetch() 后立即触发 showNextMessage()。因此，我总是显示“未找到图像”消息。

我曾尝试研究该主题，但在这里我的深度不够。我认为混合 jquery 和 DOM 事件可能是一个问题。另外，我不确定我通过 image.load() 获取图像大小的方法有多防弹。我也不知道 imagesloaded 插件是否会帮助我的事业。

我有两个问题

1. 如果我在这里为动态插入的图像获取“真实”图像大小所做的是一种有效的跨浏览器技术（依赖于 img.load 事件）
2. 如何确保仅在循环完成后触发 showNextMessage()？

processesUrlFetch : function(response) { var images = response.images ;

如果您想查看完整代码 - 这是要点：- https://gist.github.com/3084904

我有一个奇怪的问题，我发现很难在 jsfiddle 上重现。我能做的最好的就是这样，但每次都打印出正确的宽度和高度。

同时它只工作 50% 的时间。其他时候它得到 0 作为图像大小和宽度。

我的 HTML 是：

匹配的css是：

和 javascript 是

起初我认为这与在文档准备好之前尝试获取元素大小有关，但jQuery(function($...应该注意这一点，不是吗？

我想设置图像的背景宽度和高度。

现在我想设置图像的宽度和高度。我知道background-size: 200px 50px;设置高度和宽度，但是我不能使用相同的。我必须以上述格式设置宽度和高度。

如果我使用

它行不通。图像保持不变。

任何想法我怎样才能使它工作。

海我有一个图像路径位置，当我附加图像时我需要附加图像我想检查图像大小。它不大于 1 Mb。我正在搜索这个http://jsfiddle.net/jquerybyexample/PKLQn/1 /light/，但它的输入类型是文件 .am 使用图像路径位置。如何做到这一点？

图片路径= content://media/external/images/media/503。我需要检查图像大小

单击该按钮时我有一个按钮，我需要获取图像文件大小

单击时我有一个按钮，我正在获取图像的属性（以 kb 或 mb 为单位的大小）

我想限制 asp.net C# 图像的尺寸。

我有image1：

我还有：

接下来我正在设置 image1 的尺寸

在这里我得到编译器错误：math.max 有错误的参数。所以目标是不允许图像的宽度大于1000。这怎么办？

我正在使用相对较新的webP图像格式进行一些实验，该格式在 android 4 (ICS) 上受支持，如图所示。

到目前为止，为了在加载之前获取图像大小，我使用了下一个代码（类似于 google在此处显示的内容）：

但是，当我在具有透明度的 webP 图像上使用它时，它似乎根本无法获取此信息（宽度和高度均返回 -1）。

谷歌是否有可能在解码此图像文件类型时出现错误？

有没有办法克服这个？

为了测试它，只需将具有透明度的 png 文件（就像我使用过的这个文件，并通过paint.net应用程序添加了一些透明像素）转换为 webP 格式（使用谷歌的工具），并尝试读取分辨率像我使用的代码一样的文件。

我正在开发一个 WordPress 主题，我需要通过内置媒体上传器上传的图像具有相同的比例。我知道这很容易通过定义高度和宽度并使用裁剪来完成。

问题是我想将这些图像用于全屏滑块，因此将所有图像缩小到 300x200 作为示例是行不通的。我想尽可能多地保留图像的默认大小，同时按比例裁剪它。

WordPress 带有 add_image_size() 功能，但我更喜欢寻找 add_image_ratio() 功能。这甚至可能吗？