如何使用jQuery上传文件和表单数据？

Question

我想用Jquery上传文件和表单数据。我的HTML;

<form id="kayit" action="" method="post" enctype="multipart/form-data">
<input type="text" name="yazi" />
<input type="file" id="resim" name="resim"/>
<a onclick="kontrolet();" id="yolla">Yolla</a>
</form>
<div id="sonuc"></div>

和我的js;

            function kontrolet()
            {
                var veriler = jQuery("#kayit").serialize();
                //console.log(veriler);
                jQuery.ajax({
                    type:'POST',
                    url:'form.php',
                    data: veriler,
                    processData: false,
                    beforeSend: function () {
                        jQuery("#sonuc").html("Lütfen Bekleyin....");
                    },
                    success: function(sonuc)
                    {
                        jQuery('#sonuc').html(sonuc);
                    }
                });
            }

我有文件名，但这不起作用。帮忙？

Answer 1

您无法使用简单的javascript通过ajax上传文件（其中一个原因是javascript目前无法访问文件系统，因此无法读取内容以便在AJAX请求中发送它）。

对于这种功能，您必须使用一些使用动作脚本或java的插件。网上有很多可用的（搜索ajax文件上传），但在我看来，你最好使用老式的POST。

Answer 2

我使用jQuery在后台使用AjaxUpload plugin上传文件 - 它在后台构建一个iFrame，克隆你的表单并将克隆提交给它。