php - 我正在尝试使用 php 和 jquery.php 变量更改 div 的背景图像，但未获取值

Question

我编写了更改 div 背景图像的代码。我能够上传图像并且图像在文件夹中可见。图片路径正在上传到 mysql 数据库中。但是图像没有在 div 中显示为背景。指定图像路径的 php 变量值(位置)未传递到 div。任何人都可以让我知道我的错误吗？

<?php

session_start();

include_once ('dataconnect.php');

$db_conx = mysqli_connect("localhost", "root", "", "productiondata");

$uid = $_SESSION['user_id'];

$username = $_SESSION['user_name'];

if (isset($_FILES['file'])) {

    global $location;

    $imagename = $_FILES["file"]["name"];

    $imagepath = "images/";

    $location = $imagepath . $_FILES["file"]["name"];

    move_uploaded_file($_FILES["file"]["tmp_name"], "$imagepath" . $_FILES["file"]["name"]);


    $sql = "INSERT INTO image(user_id,imagepath,imagename) VALUES('$uid','$imagepath','$imagename')";


    $query = mysqli_query($db_conx, $sql);

    $sql1 = "SELECT * FROM image";


    $query1 = mysqli_query($db_conx, $sql1);

    while ($row = mysqli_fetch_array($query1)) {

        $imagename = $row['imagename'];

        $imagepath = $row['imagepath'];

        echo $location;

    }

}

jquery代码

$('document').ready(function () {


            $('.js_p-uploader').click(function () {

                $('#file').click();

                $('#file').change(function (e) {

                    e.preventDefault();

                    var blob = this.files[0];

                    var formData = new FormData();

                    formData.append('file', blob);

                    $.ajax({

                       url: "profile.php",

                        type: "POST",

                        data: formData,

                        mimeType: "multipart/form-data",

                        processData: false,

                        contentType: false,

                        success: function (location) {



                        }


                    });

                });

            });


        });

div class="profile-cover-wrapper" style="background-image:url('?php echo 

$location ;?');"input type="file" id="file" name ="file"

Answer 1

Ajax 调用返回的数据不能在外部使用，也不能用作 PHP 变量。您可以做的是更改 src你的 <img> 的属性在success: function()里面:

// AJAX CALL HERE
success: function(location) {
    $('.profile-cover-wrapper').css("background-image", "url("+location+")");
}