使用 jquery、ajax 和 json 上传 PHP 文件

Question

我正在尝试将文件上传到服务器，但我无法这样做，因为文件名包含 C:\fakepath\untitled1.doc 以下是我的 jquery，

$(document).ready(function()
{
    $("#save").click(function()
        {
            var id = $("#id").val();
            //alert(id);
            if(id =="")
                {
                    var method  =   "Add";
                    id = "";
                }
            else
                {
                    var method  = "Edit";
                    id = id;
                }
            var title = $("#title").val();
            //alert(title);
            var fname = $("#fname").val();
            var lname = $("#lname").val();
            var day = $("#day").val();
            var month = $("#month").val();
            var year = $("#year").val();
            var city = $("#city").val();
            var addr = $("#addr").val();
            var tel = $("#telno").val();
            var email = $("#email").val();
            var exp = $("#exp").val();
            var reg = /^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$/;
            var filename = $("#resume").val();
            if(Validate(title,fname,lname,day,month,year,city,addr,tel,email,exp,reg,filename))
                {
                    $.ajax(
                        {
                                url         :   "addResumeAjax.php",
                                type        :   "POST",
                                dataType    :   "json",
                                data        :   {
                                                    method  :   method,
                                                    id      :   id,
                                                    title   :   title,
                                                    fname   :   fname,
                                                    lname   :   lname,
                                                    day     :   day,
                                                    month   :   month,
                                                    year    :   year,
                                                    city    :   city,
                                                    addr    :   addr,
                                                    tel     :   tel,
                                                    email   :   email,
                                                    exp     :   exp,
                                                    filename:   filename
                                                },
                            ContentType     :   "aplication/json",
                            success         :   function(response)
                                                    {
                                                        $("#msg").html(response.message);
                                                        cityBind(response.citydata,response.city);
                                                },
                            error           :   function(err)
                                                    {
                                                        alert(JSON.stringify(err));
                                                    }
                        }

                    )
                }           
        }
    );
}
);

请指导我在哪里犯错。任何帮助都会得到帮助。

Answer 1

试试这个：

JS：

$('#upload').on('click', function() {
        var file_data = $('#pic').prop('files')[0];
        var form_data = new FormData();
        form_data.append('file', file_data);   // append more data in the same way

        $.ajax({
                url         : 'upload.php',     // point to server-side PHP script 
                dataType    : 'text',           // what to expect back from the PHP script, if anything
                cache       : false,
                contentType : false,
                processData : false,
                data        : form_data,                         
                type        : 'post',
                success     : function(output){
                    alert(output);              // display response from the PHP script, if any
                }
         });
         $('#pic').val('');                     /* Clear the file container */
    });

PHP：

<?php
    if ( $_FILES['file']['error'] > 0 ){
        echo 'Error: ' . $_FILES['file']['error'] . '<br>';
    }
    else {
        if(move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']))
        {
            echo "File Uploaded Successfully";
        }
    }

?>

这对我来说很好。

Answer 2

查看此链接，希望对您有所帮助。

https://abandon.ie/notebook/simple-file-uploads-using-jquery-ajax