Блог

Я создаю динамическое текстовое поле и просмотр файлов в таблице и публикую полные строки таблицы и каждую строку, содержащую файл. пожалуйста, помогите мне найти решение. Заранее спасибо, мой код ниже

HTML

 <div class="row">
    <form id="multiformROw">
        <table id="tblMulRow">
            <thead>
                <tr>Invoice</tr>
                <tr>File</tr>
            </thead>
            <tbody>
             
            </tbody>
        </table>
        <input type="button" value="Save" onclick="uploadData()" />
    </form>
    <input type="button" value="Row" onclick="AddRows()" />
</div>
 

Скрипт

динамическое создание тела таблицы

 function AddRows() {
        var s = "";
        for (var i = 0; i < 2; i  ) {
            s = "<tr>";
            s  = "<td>"   "<input type='text' name='Id'/>"   "<td>";
            s  = "</tr>";
            s  = "<tr>";
            s  = "<td>"  "<input type='file' name='invFile'/>"   "<td>";
            s  = "</tr>";

            $("#tblMulRow tbody").append(s);
        }
        
    }
 

Отправка Данных контроллеру

  function uploadData() {
            var formData = [];
            for (var i = 0; i < 2; i  ) {
                var invData = {};
                invData.Id = i;
                invData.invFile = $('#multiformROw input[type=file]').get(i).files[0].name;
                formData.push(invData);
            }

        $.ajax({
            type: "POST",
            url: "/Diagnosis/postInvoice",
            data: formData,
            contentType: false,
            processData: false,
            success: function () {

            }
        })
    }
 

класс модели

  public class MultipleFileUpload
    {
        public int Id { get; set; }
        public HttpPostedFileBase invFile { get; set; }
    }
 

Контроллер

 public ActionResult postInvoice(List<MultipleFileUpload> formData)
        {
           //Logic
        }