使用Ajax PHP上传文件

时间:2015-08-05 13:11:53

标签: javascript php jquery ajax

我正在尝试上传文件并通过AJAX发送..但我收到以下错误..

  

注意:未定义索引:

中的xlsFile

以下是我的编码:

HTML FORM:(此表单位于模态弹出窗口中)

<form id="form2" class="importModal" enctype="multipart/form-data">
   Upload Excel File : <input type="file" name="xlsFile" id="xlsFile" />
<button type="button" id="addType" name="addType">Submit</button>
</form>

AJAX代码:

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
    $(document).ready(function () {
        $("button#addTripType").click(function(){
            alert("hello");
            $.ajax({
                type: "POST",
                url: "ajax-Upload.php", // 
                data: $('form.importModal').serialize(),
                success: function(msg){
                    alert("success");
                },
                error: function(){
                    alert("failure");
                }
            });
        });
    });
</script>

我该怎么做.. ???需要帮助.. ??

1 个答案:

答案 0 :(得分:-1)

我遇到了同样的问题,如果你使用IE&gt; = 10,可以使用FormData。对于所有和IE&gt; = 8,一种欺骗方法就是在iframe中使用表单。

一种简单的方法是使用jquery.form插件:http://malsup.com/jquery/form/

您可以在表单中添加方法和操作:

$('#form2').submit(function() {
    $(this).ajaxForm({
        success: function(msg) {
            alert("success");
        },
        error: function(){
            alert("failure");
        }
    });
    return false;
});

然后使用插件api:

.ajaxPrefilter