jquery - Append incremented number to multiple uploaded images using JavaScript -

append incremented number multiple uploaded images using javascript

i'm trying upload multiple images our hp records manager database using serviceapi .net sdk. written in asp.net mvc.

the images upload have same title uses same input field.

i want able create loop append incremented number end of record title. (e.g upload_1, upload_2, upload_3....and on)

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

is there way of appending incremented number using javascript?

update have tried doing this:

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

however, adds incremental count image titles. example if upload 4 images titles show as, upload_0_1_2_3, upload_0_1_2_3, upload_0_1_2_3, upload_0_1_2_3

try grabbing each title (after loading dom elements) , setting them incrementally:

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

then in body, include parameter onload="pageload();"