HTML - 想要删除输入类型 = 文件中选择的文件数的标签

Question

我想删除指示所选文件数量的标签或控制它，作为我上传的文件数量，而不是增加该标签，当我删除上传的文件时，标签计数器应该减少。怎么做？

我的 Html 代码如下。

    @Html.TextBoxFor(m => m.Image, new { type = "file", multiple = "multiple", @class = "upload fileUpload form-control", @accept = "image/*" })

我的删除文件按钮代码如下。

<div id="dvImages" style="padding-top:50px; padding-left: 150px;">
    @foreach (var item in Model.ImageUrl)
    {
        <img class="viewImage" src="@ConfigItems.WebSiteURL@item" title="@item" style="margin-left:10px;width:47px;height:47px;" />
        <a class="deleteImage grid-icon edit" data-value="@item" title="Delete" style="cursor:pointer;margin-left:15px;" onclick="DeleteUploadImages(this);"><i><img alt="Delete" src="@Url.Content("~/content/images/delete.png")"></i></a>
    }
</div>

现在我要么想删除那个标签，要么通过增加或减少它的值来控制它。

例如

上图一共上传了6张图片，“浏览”按钮旁边的标签表示选择了6个文件。

现在我删除了 2 张图片，但仍然显示选择了 6 张图片。怎么控制？

Answer 1

在 jquery 的 DeleteUploadImages() 函数中，减少计数并将值设置为该标签。

funtion DeleteUploadImages(){
      $('#noSelected').text(parseInt($('#noSelected').text()) - 1);
}

更新：你在使用插件吗？你能找到产生计数的代码行吗？