Question

使用JavaScript

将增加的数字附加到多个上传的图像

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

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

我希望能够创建一个循环，将每个Record Title的末尾附加一个递增的数字。（例如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

Answer 1

尝试更改一行

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

应该是

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

使用JavaScript将增量编号附加到多个上传的图像

1 个答案: