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">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

尝试抓取每个标题（加载dom元素后）并逐步设置它们：

<script type="text/javascript"> 
  function pageLoad() { 
    var titles = $('input[name="RecordTypedTitle"]');
    for (t in titles)
    {
        titles[t].val(t);
    }
  } 
</script>

然后在正文中，包含参数onload="pageLoad();"

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

1 个答案: