weixin_33671935 2016-05-31 23:44 采纳率: 0%
浏览 37

用ajax发布csv数据

Im trying to post data with ajax but in console i recive something like.. Uncaught ReferenceError: file is not defined

This is my input with my button to upload data:

<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>

This is my 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");
                                }
                            });
                        }
                    }
                });

But the data is not POST i think is something missing

  • 写回答

1条回答 默认 最新

  • weixin_33711641 2016-05-31 23:55
    关注

    You have created a variable called files, but are using a variable called file. Try changing this portion of your code:

    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");
            }
        });
    }
    

    This just renames the files variable to file and changes the one other place that used files.

    评论

报告相同问题?

悬赏问题

  • ¥50 buildozer打包kivy app失败
  • ¥30 在vs2022里运行python代码
  • ¥15 不同尺寸货物如何寻找合适的包装箱型谱
  • ¥15 求解 yolo算法问题
  • ¥15 虚拟机打包apk出现错误
  • ¥15 用visual studi code完成html页面
  • ¥15 聚类分析或者python进行数据分析
  • ¥15 三菱伺服电机按启动按钮有使能但不动作
  • ¥15 js,页面2返回页面1时定位进入的设备
  • ¥50 导入文件到网吧的电脑并且在重启之后不会被恢复