Question

我想通过JavaScript将PHP回送文本传输到HTML中。我已经看到它可以使用函数document.getelementbyid()和innerHTML来完成但是我尝试了它并没有用。

此PHP代码：

<?php
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
    $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
    if($check !== false) {
        echo "File is an image - " . $check["mime"] . ".";
        $uploadOk = 1;
    } else {
        echo "File is not an image.";
        $uploadOk = 0;
    }
}
// Check if file already exists
if (file_exists($target_file)) {
    echo "Sorry, file already exists.";
    $uploadOk = 0;
}
// Check file size
if ($_FILES["fileToUpload"]["size"] > 500000) {
    echo "Sorry, your file is too large.";
    $uploadOk = 0;
}
// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
&& $imageFileType != "gif" ) {
    echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
    $uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
    echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
    echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
} else {
    echo "Sorry, there was an error uploading your file.";
}
}
?>

我希望在HTML中回显文本显示而不切换到upload.php !!

在id状态栏上我想显示echo text！

此HTML代码：

<form action="../assets/php/upload.php" method="post" enctype="multipart/form-data">
<label>Izaberi fotografiju:</label>
<input type="file" name="fileToUpload" id="fileToUpload">
<input type="submit" value="Upload Image" name="submit" onClick="info()">
<p id="statusbar"></p> 
</form>

Answer 1

你必须在<?php ?>标签内写代码。就像这样。

<script type="text/javascript">
 //js code..

     <?php echo "Sory, only PNG, JPG, GIF"; ?>

</scrip>

Answer 2

你可以直接回复html。你也可以像这样直接回复js变量，然后用js。

设置html内容

<script>
  var string = <?php echo "Sory, only PNG, JPG, GIF"; ?>
  document.getElementById("notify-container").innerText = string;
</script>

Answer 3

说你的HTML元素如下： <div id="error"></div>，您将错误消息分配给JavaScript变量，如下所示：<script> var errorMsg = <?php echo "Sory, only PNG, JPG, GIF"; ?> </script> 然后你可以这样显示消息： document.getElementById('error').innerHTML = errorMsg;

Answer 4

假设您必须在上传的html页面中打印出来

if ($uploadOk == 0) {
echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
}

将此更改为

if ($uploadOk == 0) {
$message = "Sorry, your file was not uploaded.";
header("Location: /index.php?message="$message);
// if everything is ok, try to upload file
}

然后获取消息并在您的html页面中打印

如何在HTML中用JavaScript显示PHP echo？

4 个答案: