我正在尝试使用ajax php和jquery上传图像我做错了什么 $（文档）.ready（函数（）{ $（“#日志”）。单击（函数（）{ var name=$（“#name”）.val（）； var email=$（“#email”）.val（）； var img=$（“#img”）.val（）； $.ajax({ url:“ajax.php”，类型：“POST”， async:false，数据：{ “postD”：1， “命名”：名称， “电子邮件”：电子邮件， “imgD”：img }, 成功：功能（数据）{ $（“#名称”）.val（“”）； $（“#电子邮件”）.val（“”）；美元（“#img”）.val（“”）； } }); }); }); 函数displaydata（）{ $.ajax({ url:“ajax.php”，类型：“POST”， async:false，数据：{ “displayP”：1 }, 成功：功能（数据）{ $（“#datafromDb”）.html（数据）； } }); }_Ajax_Image_Upload

我正在尝试使用ajax php和jquery上传图像我做错了什么 $（文档）.ready（函数（）{ $（“#日志”）。单击（函数（）{ var name=$（“#name”）.val（）； var email=$（“#email”）.val（）； var img=$（“#img”）.val（）； $.ajax({ url:“ajax.php”，类型：“POST”， async:false，数据：{ “postD”：1， “命名”：名称， “电子邮件”：电子邮件， “imgD”：img }, 成功：功能（数据）{ $（“#名称”）.val（“”）； $（“#电子邮件”）.val（“”）；美元（“#img”）.val（“”）； } }); }); }); 函数displaydata（）{ $.ajax({ url:“ajax.php”，类型：“POST”， async:false，数据：{ “displayP”：1 }, 成功：功能（数据）{ $（“#datafromDb”）.html（数据）； } }); }

ajax image

我正在尝试使用ajax php和jquery上传图像我做错了什么 $（文档）.ready（函数（）{ $（“#日志”）。单击（函数（）{ var name=$（“#name”）.val（）； var email=$（“#email”）.val（）； var img=$（“#img”）.val（）； $.ajax({ url:“ajax.php”，类型：“POST”， async:false，数据：{ “postD”：1， “命名”：名称， “电子邮件”：电子邮件， “imgD”：img }, 成功：功能（数据）{ $（“#名称”）.val（“”）； $（“#电子邮件”）.val（“”）；美元（“#img”）.val（“”）； } }); }); }); 函数displaydata（）{ $.ajax({ url:“ajax.php”，类型：“POST”， async:false，数据：{ “displayP”：1 }, 成功：功能（数据）{ $（“#datafromDb”）.html（数据）； } }); },ajax,image,upload,Ajax,Image,Upload,您可以使用FormData对象，但需要用纯Javascript编写代码，因为我认为JQuery还不支持它。请阅读此链接以了解更多信息链接有时可能会过时或更改，这使得此答案非常薄弱。我建议你在回答中提供一些要点，并参考链接作为来源。现在这是一个链接唯一的答案。 $(document).ready(function(){ $("#log").click(function(){ var name = $("#name").val(); var email = $

您可以使用FormData对象，但需要用纯Javascript编写代码，因为我认为JQuery还不支持它。请阅读此链接以了解更多信息

链接有时可能会过时或更改，这使得此答案非常薄弱。我建议你在回答中提供一些要点，并参考链接作为来源。现在这是一个链接唯一的答案。

$(document).ready(function(){
    $("#log").click(function(){
        var name = $("#name").val();
        var email = $("#email").val();
        var img = $("#img").val();

        $.ajax({
            url:"ajax.php",
            type:"POST",
            async:false,
            data:{
                "postD" :1,
                "nameD" : name,
                "emailD" : email,
                "imgD" : img

            },
            success:function(data){

                $("#name").val('');
                $("#email").val('');
                $("#img").val('');
            }
        });
}); 
});


function displaydata(){
    $.ajax({
        url:"ajax.php",
        type:"POST",
        async:false,
        data:{
            "displayP":1
        },
        success:function(data){
            $("#datafromDb").html(data);
        }
    });

}

<?php
include("db.php");

$sql = "
CREATE TABLE IF NOT EXISTS temptable (
id INT NOT NULL AUTO_INCREMENT,
name VARCHAR(20) NOT NULL,
email VARCHAR(20) NOT NULL,
PRIMARY KEY(id)
);
";

mysqli_query($connect, $sql);

if (isset($_POST['postD'])){
        if(!empty($_POST['nameD']) && !empty($_POST['emailD'])&& !empty($_FILES['imgD'])) {


    $emailP = $_POST['emailD'];
    $nameP = $_POST['nameD'];
    $imgP = $_FILES['imgD']['name'];
    $tmpname = $_FILES['imgD']['tmp_name'];
    $folder = "upload/";

    move_uploaded_file($tmpname, $folder.$imgP);


$insert = "INSERT INTO `inserteddata` (`name`, `email`,`img`) 
                                VALUES('{$nameP}','{$emailP}','{$imgP}')";
    $qry = mysqli_query($connect, $insert);
    if($qry) {
        echo "inserted";
    }

        }else {
            echo "make sure all fields are filled";
        }

}

if(isset($_POST['displayP'])){
    $sel = "SELECT * FROM `inserteddata`";
    $res = mysqli_query($connect, $sel);

    while($row=mysqli_fetch_array($res)) {
        echo "Name = ".$row['name']."<br><br><br>";

    }
}


?>

<?php
$connect = mysqli_connect("localhost", "root", "", "ajaxinsert");
if(!$connect) {
    echo "database connection error".mysqli_error();
}else {

    echo "connected successfuly<br><br><br>";
}
?>

 <!DOCTYPE html>
<html>
<head>
<title>ajax insert</title>
<script type="text/javascript" src="jquery-3.2.1.js"></script>
<script type="text/javascript" src="ajax.js"></script>



</head>
<body>

<div id="datafromDb">
<script type="text/javascript">
document.write(displaydata());
</script>
</div>
  <br>

  <br>

  <form enctype="multipart/form-data" action="" method="post">
  <input type="text"  id="name"><br><br>
  <input type="email"   id="email"><br><br>
  <input type="file"   id="img"  name="img"><br><br>
  <input type="submit" value="Login" >
  <a href="" id="log" >add</a>


</body>
</html>