使用JavaScript将递增数字附加到多个上传的图像

Append incremental number to multiple uploaded images using JavaScript

本文关键字：图像 JavaScript 数字 使用      更新时间：2023-09-26

使用JavaScript 将递增的数字附加到多个上传的图像

我正在尝试使用ServiceAPI.NET SDK将多个图像上载到HP Records Manager数据库。使用ASP.NET MVC编写。

图像上传成功，但它们都具有相同的标题，因为它使用相同的输入字段。

我希望能够创建一个循环，在每个记录标题的末尾附加一个递增的数字。（例如Upload_1、Upload_2、Upload_3等）

<form action="Record" method="post" enctype="multipart/form-data">
<input id="gpsearchtitle" type="text" name="RecordTypedTitle" value="" required="True"/>
<input id="choose" type="file" name="upload" multiple="multiple"/>
<button type="submit" onclick="appendNo()">Upload</button>
</form>

有没有一种方法可以使用JavaScript附加一个递增的数字？

我试过这样做：

<script>
    function appendNo(){
        var inp = document.getElementById('choose');
        var txt = document.getElementById('gpsearchtitle')
        for (var i = 0; i < inp.files.length;) {
            var name = inp.files.item(i).name;
            txt.value = txt.value + "_" + i;
            i++;
        }}
</script>

但是，这会将增量计数添加到所有图像标题中。例如，如果我上传了4张图像，则标题显示为upload_0_1_2_3、upload_0_1 _2_3、upload_0_1 _2 _3、upload _0_1_2 _3

尝试更改一行

txt.value = txt.value + "_" + i;

应该是

txt[i].value = txt[i].value + "_" + i;
相关文章：