не вводить в контроллер при использовании скрипта создания входного файла для загрузки

Question

Мне нужно использовать динамическую форму загрузки.

я использовал этот скрипт для добавления файла ввода в осины MVC:

<button type="button" onclick="adduploadfile()" class="btn btn-success">افزودن فایل</button> 

*

function adduploadfile() { 
    $("<input>").attr('type', 'file').attr('name', 'NewsFilePath').attr('class', 'form-control NewsFilePathUpload') 
    .appendTo('.insertfileuploads'); 
} 

и использовать этот код для загрузки изображения:

$(document).ready(function() { 
$('.NewsFilePathUpload').change(function() { 
    $(this).simpleUpload("/Admin/News/GetFiles", { 
     start: function (file) { 
      //upload started 
      console.log("upload started"); 
     }, 
     progress: function (progress) { 
      //received progress 
      console.log("upload progress: " + Math.round(progress) + "%"); 
     }, 
     success: function (data) { 
      //upload successful 
      console.log("upload successful!"); 
      console.log(data); 
     }, 
     error: function (error) { 
      //upload failed 
      console.log("upload error: " + error.name + ": " + error.message); 
     } 
    }); 
}); 

когда я загрузить файл , он не входит в контроллер.

Когда я помещаю этот код в вид (не использую скрипт) и использую его, войдите в контроллер. в чем проблема ?

<input name="NewsFilePath" class="form-control NewsFilePathUpload" type="file"> 

Answer 1

Вы можете сделать вот так. При нажатии этой кнопки вызывается этот метод.

использование JQuery .after метод

function adduploadfile() { 
    $(".insertfileuploads").after('<input name="NewsFilePath" class="form-control NewsFilePathUpload" type="file">'); 
} 

Это поместит входной тег после elemet.

EDIT: Необходимо добавить событие изменения после добавления элемента ввода.

Работы скрипка: Working fiddle