Jquery文件上载失败

时间:2012-11-01 05:14:26

标签: jquery file-upload

我找到了一些代码来进行jquery上传。它几乎可以工作,除了我在处理上传的php文件的$ _FILES变量中没有任何值。这是片段

<script type="text/javascript">
$(document).ready(function () {

    $("#formsubmit").click(function () {

        var iframe = $('<iframe name="postiframe" id="postiframe" style="display: none" />');

        $("body").append(iframe);

        var form = $('#theuploadform');
        form.attr("action", "/upload.aspx");
        form.attr("method", "post");
        form.attr("enctype", "multipart/form-data");
        form.attr("encoding", "multipart/form-data");
        form.attr("target", "postiframe");
        form.attr("file", $('#userfile').val());
        form.submit();

        $("#postiframe").load(function () {
            iframeContents = $("#postiframe")[0].contentWindow.document.body.innerHTML;
            $("#textarea").html(iframeContents);
        });

        return false;

    });

});

</script>

<form id="theuploadform">
    <input id="userfile" name="userfile" size="50" type="file" />
    <input id="formsubmit" type="submit" value="Send File" />
</form>

<div id="textarea">
</div>

有谁知道发生了什么事?

1 个答案:

答案 0 :(得分:0)

这是一个标题发送问题! 要将文件上传到服务器,你应该在javascript / jQuery中使用FormData类! 我建议使用这个jquery插件来简化:

jQuery ajax form