Javascript 对div中的图像进行计数，然后添加另一个/新的img src（文件）

我目前正在使用Flask进行后端编码，目前正在开发前端。下面是上传到服务器上的图像。现在我需要编辑这些图像，就像我需要上传另一个图像或更改现有图像一样。我们在这篇文章中使用了crapper.js，我不知道该如何处理这篇文章，因为在javascript/jquery/ajax这样的前端脚本编写方面，我不是很好。最多可以上传8张图片，我需要计算现有图片的总数，然后添加另一个img src文件，例如，如果我有3张图片，那么我需要再显示5张img src文件以添加新图片。任何帮助都可以，我们将不胜感激。下面是我用Jinja2模板编写的HTML代码

<div class="col-xs-3">
          <label class="rs-thumb rs-thumb-cover">
            <div class="rs-thumb-content" id="inputImage1-wrap"><img src="{{ resource.image_url }}" alt="" id="inputImage1-pic" width="100%"><i class="fa fa-picture-o"></i>
              <span class="rs-cover">Cover</span>

            </div>
          </label>
        </div>

        {% for imgs in resource.images[1:] %}
        <div class="col-xs-3">
          <label class="rs-thumb rs-thumb-cover">
            <div class="rs-thumb-content" id="inputImage1-wrap"><img src="{{ imgs.image }}" alt="" id="inputImage1-pic" width="100%"><i class="fa fa-picture-o"></i>
              <!-- <span class="rs-cover">Cover</span> -->

            </div>
          </label>
        </div>
        {% endfor %}

掩护
{resource.images[1::]%中的IMG为%1}
{%endfor%}

---

Html+JQuery解决方案，大部分经过测试，应该可以正常工作

HTML

<div class="imgBox">
<!-- Your content will appear here -->
</div>

JQuery

// Get the amount of images on the current page
var amountOfImg = $("img").length;
var amountToCount = 8;

for (var i = 0; i < amountToCount - amountOfImg; i++) {
 $(".imgBox").append("<input type='file' name='fileInput' /> <b id='removeImg'>Remove</b>")

}

$("#removeImg").click(function() {
  // When the user clicks on the #removeImg text, find the closest "img" element and remove it.
  $(this).closest("img").remove();

});

//获取当前页面上的图像数量
变量amountOfImg=$（“img”）。长度；
var amountToCount=8；
对于（变量i=0；i

您是否编写了javascript/jquery代码？如果是，请创建一个小提琴。这将帮助您快速获得答案。再次感谢@Xarierz。现在很有效。我刚刚将您的$（“img”）.length更改为其元素名称，它工作得非常好。现在我唯一的问题是如何删除现有图像，就像我想用新图像更改现有图像并上传一样。谢谢@Xariez。我会试试这个。再次感谢@Xarierz。现在很有效。我刚刚将您的$（“img”）.length更改为其元素名称，它工作得非常好。现在我唯一的问题是如何删除现有图像，就像我想用新图像更改现有图像并上传一样。是的，有些名称可能需要更改，但很好，你已经解决了。我将编辑我的答案，以一些应该工作在一瞬间，如果它的工作，请接受它作为一个答案@JJ186021