$ _FILES返回空字符串

Question

這是我的表格代碼

html += `</div>
        <div class="card-footer">
        <form id="messageSendDashboardGroup" enctype="multipart/form-data">
        <div class="image-upload">
        <div class="input-group" >
        <input type="hidden" name="id" value="${id}" />
        <input type="hidden" name="name" value="${name}" />
        <input type="hidden" name="prefix" value="${prefix}" />
        <input type="text" name="message" class="form-control">
        <span class="input-group-append">
        <label for="file-input" style="margin-bottom: 0px;">
        <span class="input-group-text" style="height: 100%;"><i class="fa 
         fa-upload"></i></span>
        <span><input id="file-input" type="file" name="image"></span>
        </label>
        <button type="submit" class="btn btn-danger">Send</button>
        </span>
        </div>
        </div>
        </form>
        </div>`;
    $('.empChatMessagesShowHere').append(html);

它將生成表格

$('#messageSendDashboardGroup').on('submit', function (e) 
{
    e.preventDefault();
    var formData = new FormData(this);

    $.ajax({
        url: base_url + 'dashboard/image_api',
        data: formData,
        type: 'post',
        cache: false,
        contentType: false,
        processData: false,
        success: function (data) 
        {
           console.log(data);
        }
});

在我的控制器中，當我調試$ _FILES返回的emtpy數組時

function image_api()
{
    debug($_FILES);
}

Array
(
    [image] => Array
        (
            [name] => 
            [type] => 
            [tmp_name] => 
            [error] => 4
            [size] => 0
        )

)

我已經嘗試了很多方法，但是仍然得到一個空的$ _FILES數組，請幫我，我使用此表單上傳圖像。

Answer 1

我只需將代碼更改為此即可

html += `</div>
        <div class="card-footer">
        <form id="messageSendDashboardGroup" enctype="multipart/form-data">
        <div class="image-upload">
        <div class="input-group" >
        <input type="hidden" name="id" value="${id}" />
        <input type="hidden" name="name" value="${name}" />
        <input type="hidden" name="prefix" value="${prefix}" />
        <input type="text" name="message" class="form-control">
        <button type="submit" class="btn btn-danger">Send</button>
        <input type="file" name="image" class="mt-2" />
        </div>
        </div>
        </form>
        </div>`;
    $('.empChatMessagesShowHere').append(html);

在我使用輸入前綴按鈕進行文件上傳之前，現在我正在使用默認文件上傳按鈕，它可以正常工作。