相关疑难解决方法(0)

在继续之前,我需要一个等待异步调用的循环.就像是:

for ( /* ... */ ) {

  someFunction(param1, praram2, function(result) {

    // Okay, for cycle could continue

  })

}

alert("For cycle ended");

我怎么能这样做？你有什么想法？

我曾经知道如何将图像放在顶部,然后对齐图像下方的文本,使其保持在图像宽度的边界内.但是,现在我不知道该怎么做.这是如何完成的？

到目前为止我有这个代码:

var img = document.getElementById('draggable');
var width = img.clientWidth;
var height = img.clientHeight;

然而,这让我获得了html属性--css样式.我想获得文件的实际图像资源的维度.

我需要这个,因为在上传图像时,它的宽度设置为0px,我不知道为什么或发生这种情况.为了防止它,我想获得实际尺寸并重置它们.这可能吗？

编辑:即使我尝试获得naturalWidth,我也会得到0.我添加了一张图片.奇怪的是,只有当我上传新文件并刷新它才能正常工作时才会发生这种情况.

http://oi39.tinypic.com/3582xq9.jpg

我正在编写一个jQuery函数,我想访问图像的原生大小,以及页面上为其指定的大小.我想为每个设置一个变量.

怎么做的？

我必须阅读每个图像的自然高度,我应该进行计算.但是我对自然高度的读取有一些问题.

$('div.imgkirp img').each(function(){
    console.log($(this).naturalHeight);
});

它得到:(图像编号)在控制台日志中未定义.我如何阅读每个图像的自然高度？

我有一个大小为147x88的DIV,里面有一个宽度相同的图像,但高度可能更大.在这种情况下,图像超出了DIV的边界.无论如何剪辑图像,请记住我希望我的页面在不支持CSS3(IE7和IE8)的旧浏览器中工作？

所以我有一个画廊,我的大多数图像目前由CSS控制100%.但是,在设置最小高度:100%; 在我的图像上,我会让一些人伸展.我没有太多有问题的照片,但我无法控制用户上传的内容.

无论如何使用jQuery我可以获得图像高度并检查它是否符合要求,如果没有,以某种方式增加图像宽度以满足高度要求但保持所有比例？因此,我因此避免造成任何扭曲,但通过使div没有间隙保持画廊整洁.

注意:提供的图像是当我删除我min-height: 100%;以便您可以看到我的问题时发生的情况.

更新 - - - - -

我找到了一个目前似乎工作正常的解决方案,它可能不是最好的尝试,但我找到了另一个帮助我的答案: 如何按比例调整图像/保持纵横比？

我只是稍微调整了代码,现在如果图像不符合minHeight要求,它将按比例调整图像大小,直到minHeight达到.在测试中似乎对我来说很好.

**更新最终版本*********在玩完之后,我从拇指脚本中取出了一个小小的snippit,只是它将图像绝对定位在容器内的部分.

$(window).load(function() {

    $('.thumbnail img').each(function() {
        var maxWidth = 320; // Max width for the image
        var minHeight = 270;    // Max height for the image
        var ratio = 0;  // Used for aspect ratio
        var width = $(this).width();    // Current image width
        var height = $(this).height();  // Current image height

        if(width > maxWidth){
            ratio = maxWidth / width; …

我试图获取图像的宽度和高度,所以给出一个URL,该图像的宽度和高度是多少

我正在使用jquery创建一个照片库.我正在拍摄并调整负载大小以创建缩略图.我想获得图像大小的原始值,以便稍后我可以将其恢复到原始大小.有人知道怎么做吗？我有以下代码:

    obj.find("img").each(function(){
}); 

这循环遍历容器div中的所有图像.然后我试着这样做:

$(this).width(); //didnt work
this.width; //didnt work

有任何想法吗？

林在角7个工作，我的要求是我需要Width，Height和Size (in how much kb or mb)图像，并且还我试着将其转化成blob。

我尝试使用以下代码，但即时通讯未获得确切的输出：

var img_url = "http://snook.ca/files/mootools_83_snookca.png";


 var blob = new Blob([img_url]);

 let reader = new FileReader;

 reader.readAsDataURL(blob); // read file as data url
 reader.onload = () => { // when file has loaded
    console.log(reader.result)
    var img:any = new Image();
    img.src = reader.result;

    img.onload = () => {

      this.uploaded_image_width = img.width; //to get image width
      this.uploaded_image_height = img.height;  //to get image height           

      this.uploaded_image_url = reader.result; //to get …