用Ajax發布CVS數據

Question

我試圖用ajax發布數據，但在控制台中我收到類似..未捕獲的ReferenceError：文件未定義

這是我用按鈕上傳數據的輸入：

<div id='file_browse_wrapper'>
  <input class="iconos" type="file" name="File Upload" id='file_browse' accept=".csv" />
</div>
  <label id="url-archivo"><b>Selecciona tu archivo...</b></label>
  <button class="btn btn-success" id="carga-archivo">Subir</button>

這是我的jquery / ajax：

$("#carga-archivo").click(function () {
                    var fileUpload = document.getElementById("file_browse");
                    if (fileUpload .value != null) {
                        var uploadFile = new FormData();
                        var files = $("#file_browse").get(0).files;
                        // Add the uploaded file content to the form data collection
                        if (files.length > 0) {
                            uploadFile.append('file-'+i, file);
                            $.ajax({
                                url: "/2/delivery/client/massive",
                                contentType: false,
                                processData: false,
                                data: uploadFile,
                                type: 'POST',
                                success: function () {
                                   alert("file upload successfuly");
                                }
                            });
                        }
                    }
                });

但是數據不是POST，我認為缺少了一些

Answer 1

您已經創建了一個名為files的變量，但是正在使用一個名為file的變量。 嘗試更改代碼的這一部分：

var file = $("#file_browse").get(0).files;
// Add the uploaded file content to the form data collection
if (file.length > 0) {
    uploadFile.append('file-'+i, file);
    $.ajax({
        url: "/2/delivery/client/massive",
        contentType: false,
        processData: false,
        data: uploadFile,
        type: 'POST',
        success: function () {
           alert("file upload successfuly");
        }
    });
}

這只是將files變量重命名為file並在另一個使用files地方進行了更改。