從動態構建的表單提交時，ajaxForm發送空的POST

Question

當表單是硬編碼時，使用ajaxSubmit()提交文件可以很好地工作。 但是，當動態創建表單時，服務器接收的數據為空。

此版本有效

HTML

<form id='file_upload_form' method="POST" enctype="multipart/form-data" action="/upload">
<input type="file" id='myfile' name="myfile" />
<br/>
<input type="submit" />
</form>

<div id='status'> </div>

JavaScript的

jQuery(document).ready(function() {
    jQuery("#file_upload_form").on("submit", function(e) {
        e.preventDefault();

        jQuery(this).ajaxSubmit({
            target: '#status'
        });
    });
});

.on("submit"... ， jQuery(this).formSerialize()產生"myfile=%5Bobject+File%5D"

但是此版本使用動態創建的表單發送空數據

HTML

<div id='parent_elem_div'> </div>
<div id='status'> </div>

JavaScript的

jQuery(document).ready(function() {
    var parent_elem = jQuery('#parent_elem_div');

    var new_form_elem = build_form();
    parent_elem.append(new_form_elem);
});

jQuery(document).ready(function() {
    jQuery("#file_upload_form").on("submit", function(e) {
        e.preventDefault();

        jQuery(this).ajaxSubmit({
            target: '#status'
        });
    });
});

但是在這里，在.on("submit"... ， jQuery(this).formSerialize()調試產生"" 。

此功能可建立表格...

//
function build_form (){
    var new_inner_div_elem = document.createElement('div');
    new_inner_div_elem.id = 'parent_elem_div';

    var upload_form = document.createElement('form');
    upload_form.id = 'file_upload_form';
    upload_form.action = '/upload';
    upload_form.method = 'POST';
    upload_form.enctype="multipart/form-data";

    var file_input = document.createElement('input');
    file_input.type = 'file';
    file_input.id = 'file_upload_input';

    var file_upload_submit = document.createElement('input');
    file_upload_submit.type = 'submit'; 

    upload_form.appendChild(file_input);
    upload_form.appendChild(file_upload_submit);

    new_inner_div_elem.appendChild(upload_form);
    return new_inner_div_elem;
}

Answer 1

啊哈！ 在代碼中：

var file_input = document.createElement('input');
file_input.type = 'file';
file_input.id = 'file_upload_input';

這是缺少的：

file_input.attr('name', 'myfile');

這是HTML表單僅有的一部分，而動態表單沒有，所以我想這就是竅門

如果HTML沒有一個名字不會被傳遞到查詢字符串或POST數據-將有沒有辦法從PHP檢索它這是在這里-計算器