Javascript 用图像填充ulli

我对ul li的填充有问题

<ul>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
</ul>

我需要使用javascript输入所有li

但请不要举这个例子：

$("ul").html("<li><img src='something' /></li>");

$（“ul”）.html（“
”）；

因为我在加载javascript之前需要这个ulli

我希望在javascript之后看起来像：

<ul>
    <li><img src='something' /></li>
    <li><img src='something' /></li>
    <li><img src='something' /></li>
    <li><img src='something' /></li>
</ul>

我的问题是：如何用图像填充所有ulli

javascript与for循环一起工作。因为我可能有这个变体：

<ul>
     <li></li>
     <li></li>
     <li></li>
     <li></li>
</ul>

4里，只有2张图片，看起来像这样：

<ul>
    <li><img src='something' /></li>
    <li><img src='something' /></li>
    <li></li>
    <li></li>
</ul>

我希望我能解释一下。无论如何谢谢你

我的php代码：

<?php
session_start();
include_once('connect.php');

$path = "../uploads/";
$i = -1;
foreach($_FILES['files']['name'] as $key => $name) {
    $i++;
    $image_info = getimagesize($_FILES['files']['tmp_name'][$key]);
    $image_width = $image_info[0];
    $image_height = $image_info[1];

    if($image_width > $image_height) {
        $height = $image_height;
        $width = $height;
    } else if($image_width < $image_height) {
        $width = $image_width;
        $height = $width;
    } else {
        $width = $image_width;
        $height = $image_height;
    }

    $canvas = imagecreatetruecolor($width, $height);
    $current_image = imagecreatefromjpeg($_FILES['files']['tmp_name'][$key]);

    imagecopy($canvas, $current_image, 0, 0, ($image_width/2)-($width/2), ($image_height/2)-($height/2), $width, $height);
    imagejpeg($canvas, $path.'cropped_'.$name, 100);


    echo 
    "
        <script type='text/javascript'>
            var _img = document.createElement('img');
            _img.src = 'uploads/".$name."';

            $('.image-upload ul li:nth(".$i.")').append(_img);
        </script>
    ";
}

?>

---

您不必使用循环来用图像填充所有的
li
标记。使用

$("li").append("<img src='something' />");

您不必使用循环来用图像填充所有
li
标记。使用

$("li").append("<img src='something' />");

您不必使用循环来用图像填充所有
li
标记。使用

$("li").append("<img src='something' />");

您不必使用循环来用图像填充所有
li
标记。使用

$("li").append("<img src='something' />");

var\u ul=document.getElementByTagName（'ul'）；
变量列表=_ul.getElementsByTagName（'li'）；
对于（var i=0；i
var\u ul=document.getElementByTagName（'ul'）；
变量列表=_ul.getElementsByTagName（'li'）；
对于（var i=0；i
var\u ul=document.getElementByTagName（'ul'）；
变量列表=_ul.getElementsByTagName（'li'）；
对于（var i=0；i
var\u ul=document.getElementByTagName（'ul'）；
变量列表=_ul.getElementsByTagName（'li'）；
对于（VarI=0；i简单使用$（“li”）.append（
）；简单使用$（“li”）.append（
）；简单使用$（“li”）.append（
）；简单使用$（“li”）.append（
）；不需要在append中使用额外的
。这不是OP想要的。：）@Holybreath感谢您的指点。我只是从问题中复制了html。没有注意到其中的标记。@Holybreath感谢您的回答，但是，我需要循环，我为上传图像做了所有这些工作，并在“上传”之前预览它们（仅在浏览它们时）使用xhr，我使用foreach循环调用php文件。在foreach循环中，有javascript在已经存在的ul li中显示图像，当有3个图像时，只编辑3个ul li（ul li的其余部分可见且未更改）。您现在明白我的意思了吗？不需要在append中添加额外的
。这不是OP想要的。：）@Holybreath感谢您的指点。我只是从问题中复制了html。没有注意到其中的标记。@Holybreath感谢您的回答，但是，我需要循环，我为上传图像做了所有这些工作，并在“上传”之前预览它们（仅在浏览它们时）使用xhr，我使用foreach循环调用php文件。在foreach循环中，有javascript在已经存在的ul li中显示图像，当有3个图像时，只编辑3个ul li（ul li的其余部分可见且未更改）。您现在明白我的意思了吗？不需要在append中添加额外的
。这不是OP想要的。：）@Holybreath感谢您的指点。我只是从问题中复制了html。没有注意到其中的标记。@Holybreath感谢您的回答，但是，我需要循环，我为上传图像做了所有这些工作，并在“上传”之前预览它们（仅在浏览它们时）使用xhr，我使用foreach循环调用php文件。在foreach循环中，有javascript在已经存在的ul li中显示图像，当有3个图像时，只编辑3个ul li（ul li的其余部分可见且未更改）。您现在明白我的意思了吗？不需要在append中添加额外的
。这不是OP想要的。：）@您好，谢谢您的指点。我只是从问题中复制了html。我没有注意到里面的标签。@Holybreath谢谢你的回答，但是，我使用了nned循环，我在“上载”之前（仅在浏览它们时）对上载图像和预览图像进行了所有操作，并且使用xhr，我使用foreach循环调用php文件。在foreach循环中，有javascript来显示已经存在的ul li中的图像，当有3个图像时，只编辑3个ul li（ul li的其余部分可见且未更改）您现在明白我的意思了吗？谢谢，我还有一个问题，因为此代码是php文件的一部分，我回显脚本。当回显脚本时。我的ulli被删除了，showedI发现了一个错误，我如何从response（xhr）加载脚本？谢谢，我还有一个问题，因为这段代码是php文件的一部分，我回显脚本。当回显脚本时。我的ulli被删除了，showedI发现了一个错误，我如何从response（xhr）加载脚本？谢谢，我还有一个问题，因为这段代码是php文件的一部分，我回显脚本。当回显脚本时。我的ulli被删除了，showedI发现了一个错误，我如何从response（xhr）加载脚本？谢谢，我还有一个问题，因为这段代码是php文件的一部分，我回显脚本。当回显脚本时。我的ul li被删除并显示我发现了错误，我如何从响应（xhr）加载脚本？