Question

嗨，我试图显示多个图像与分裂ans为功能，但我有问题：

php返回一个字符串，链接用逗号分隔，我需要将每条记录显示为图像，这是代码：

var msg 'files/uploads/1688482n.jpg,files/uploads/10904912__n.jpg,files/uploads/10907098_0_o.jpg';
    var img = explode(msg)
        $('.mensage').html(img);//A el div con la clase msg, le insertamos el mensaje en formato  thml
        $('.mensage').show('slow');//Mostramos el div.
        $("#im").val(""+msg+"");
    }
    function explode(t) {
        var txt = t,
            list = txt.split(","),
            tt = "";

        console.log(list);


        for (var i = 0; i < list.length; i++) {
            (tt += ("<img style='width:290px;height:190px;' class='img-tm2' src='"+i+"'><br>")); //This gets its place
        }
        return tt
    }

作为回报我在控制台中有这个：资源解释为图像，但使用MIME类型text / html传输：

那我怎么能正确显示每张图片？

问题显示如下：

<img style="width:290px;height:190px;" class="img-tm2" src="0">
<img style="width:290px;height:190px;" class="img-tm2" src="1">

Answer 1

为什么要打印我而不是那个？

for (var i = 0; i < list.length; i++) {
    (tt += ("<img style='width:290px;height:190px;' class='img-tm2' src='"+list[i]+"'><br>")); //This gets its place
}

Answer 2

用于每个而不是for循环。

            for each(var url in list) {
                (tt += ("<img style='width:290px;height:190px;' class='img-tm2' src='"+url+"'><br>")); //This gets its place
            }
            return tt
        }

Answer 3

您的代码有一些错误。这是一个更正的代码：

var msg = 'n.jpg,o.jpg';
var img = explode(msg);
$('.mensage').val(img);//A el div con la clase msg, le insertamos el mensaje en formato  thml
$('.mensage').show('slow');//Mostramos el div.
$("#im").html(img);
function explode(txt) {
    var list = txt.split(",");
    tt = "";
    console.log(list);
    for (var i = 0; i < list.length; i++) {
        tt += "<img style='width:290px;height:190px;' class='img-tm2' src='"+list[i]+"'><br />"; //This gets its place
    }
    return tt;
}

试图枚举它们：

在陈述结尾处缺少分号;
var msg =（缺少＆＃34; =＆＃34;）;
我代替list [i];

javascript拆分和功能

3 个答案: