javascript - 如何将文件类型输入传递给 javascript 并将其用于另一个 php 页面？

Question

大家好，美好的一天!我在这里询问如何使用 javascript 传递文件类型，以便我可以将其用于另一个 php 页面。以下是类型文件的输入:

<input type="file" name="imgCompany" id="imgCompany">

我在 php 中得到这样的文件:

$file = $_FILES['imgCompany']['tmp_name'];

我要问的第一个问题是如何将 $file 变量放入 JavaScript 函数中？ (相同的 php 页面)。到目前为止，这是我的尝试:

function addImage() {
  var companyImage = $('#imgCompany').val();
}

我要问的第二个问题是，一旦使用如下方法在 addImage() 函数中声明该文件值，如何传递该文件值:

$.post('addImage.php', {postimage:file},
function(data)
{
    //returns the echoed value from the php file
    $('#result').html(data);
});

或者还有其他方法吗？

我将使用从帖子传递到另一个 php 页面的内容，这样我就可以将该图像上传到数据库中。我正在将此图像上传到数据库中，如下所示:

    ...
    $image = addslashes (file_get_contents($_FILES['image']['tmp_name']));
    //$image_name = addslashes ($_FILES['image']['name']);
    $image_size = getimagesize($_FILES['image']['tmp_name']);

    if ($image_size == FALSE)
        echo "<h3 class='warningStyle' align='center' style='position:absolute; top:235px; left:660px;'>No Image was Selected</h3>";
    else {

        if (!$insert = $db->query ("INSERT INTO company VALUES('','$companyName','$image')"))
            echo "<h3 class='warningStyle' align='center' style='position:absolute; top:235px; left:650px;'>Problem uploading the image</h3>";
    else {
        echo "<h3 class='successStyle' align='center' style='position:absolute; top:235px; left:620px;'>Company Account successfully created</h3>";
    }

}

Answer 1

我无法阅读 JQuery(我也不想)，但这里有一些提示:

文件上传中的文件名:javascript-how-to-extract-filename-from-a-file-input-control

我必须问的第二个问题是，一旦使用如下方法在 addImage() 函数中声明该文件值，如何传递该文件值:

您不必这样做，文件将以您发送的形式发送。 我不明白你想通过添加 javascript 来完成什么。原始文件名也将发送到服务器。 (抵达时检查 $_FILES 以亲自查看)

关于数据库中的插入:

加斜杠？真的吗？以另一种方式转义，最好使用数据库提供的引用/转义功能。

还有一件事:如果您转到“另一页”，您的 $_FILES 将为空。在到达时处理它，而不是在调用新页面之后处理。我不确定你在做什么或如何做，但是当你看到一个空的 $_FILES 而你期望其中有一些信息时，请记住这一点。 :-)