Javascript PHP和JS-上传图片不显示_Javascript_Php_Html_File Upload_Image Uploading

Javascript PHP和JS-上传图片不显示

javascript php html file-upload

Javascript PHP和JS-上传图片不显示,javascript,php,html,file-upload,image-uploading,Javascript,Php,Html,File Upload,Image Uploading,（我对php只有一天大，如果重复，请原谅）我有将图像上传到网站文件夹中的uploads/目录的代码。这是通过下面给出的index.html和upload.php完成的，最初是从但是，我无法根据需要在html页面上显示图片。它重定向到upload.php，但没有图像持有者。有什么办法吗？我的index.html工作正常，所以我猜我的php设置应该可以。我遵循，并安装和设置一切 index.html <!DOCTYPE html> <html> <head>

（我对php只有一天大，如果重复，请原谅）我有将图像上传到网站文件夹中的uploads/目录的代码。这是通过下面给出的index.html和upload.php完成的，最初是从

但是，我无法根据需要在html页面上显示图片。它重定向到upload.php，但没有图像持有者。有什么办法吗？我的index.html工作正常，所以我猜我的php设置应该可以。我遵循，并安装和设置一切

index.html

<!DOCTYPE html>
<html>
<head>
<script language= "javascript" type="text/javascript">
function juploadstop(result){
    console.log(typeof result);
    if(result==0){
        $(".imageholder").html("");
    }
    else if(result!=0){
        $(".imageholder").html("<img src='"+result+"'>");
    }
}
</script>
</head>

<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
    <div class="imageholder"> <!-- a gif image to show that the process wasn't finished -->
    </div>
    Select image to upload:
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input type="submit" value="Upload Image" name="submit">
</form>
</body>
</html>

在php部分完成之前，返回到我的php代码的末尾，并且不再重定向。但是，图像仍然无法显示。

在我看来，您似乎在试图从upload.php调用“juploadstop”函数，该函数包含在index.html页面的JS中。那是行不通的。

如果您只想上传和显示图片，您甚至不需要使用任何JS。只需为目标文件使用固定名称，删除JS，在index.html

中放置一个简单的图像标记，然后放置一个

标题（“Location:index.html”）在PHP脚本的末尾，因此一旦上传完成，用户将被引导回索引页。
您可以使用java脚本来完成，但不需要这样做。最简单的方法是使用几行PHP。将文件名从index.html更改为index.php，以便在该文件中使用php
关闭表单后，在index.php文件中添加以下代码：
<br>
HERE ARE YOUR UPLOADED IMAGES:
<br>
<?php
$dirname = "uploads/";

$images = glob($dirname."*{jpg,png,gif}", GLOB_BRACE);

foreach($images as $image) {
    echo '<img src="'.$image.'" /><br />';
}
?>

<br>

在关闭PHP标记之前，请确保添加此项。此行将始终在索引页上重定向您
希望这对你有帮助 非常感谢你的帮助！我试图从upload.php调用juploadstop，并且要上载的文件，因此目标文件名取决于用户。在处理过程中我能给它一个固定的名字吗？如果是，如何进行？
header("Location: index.html");

<br>
HERE ARE YOUR UPLOADED IMAGES:
<br>
<?php
$dirname = "uploads/";

$images = glob($dirname."*{jpg,png,gif}", GLOB_BRACE);

foreach($images as $image) {
    echo '<img src="'.$image.'" /><br />';
}
?>

<br>

<!DOCTYPE html>
<html>
<head>
<script language= "javascript" type="text/javascript">
function juploadstop(result){
    console.log(typeof result);
    if(result==0){
        $(".imageholder").html("");
    }
    else if(result!=0){
        $(".imageholder").html("<img src='"+result+"'>");
    }
}
</script>
</head>

<body>
<form action="upload.php" method="post" enctype="multipart/form-data">
    <div class="imageholder"> <!-- a gif image to show that the process wasn't finished -->
    </div>
    Select image to upload:
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input type="submit" value="Upload Image" name="submit">
</form>
<br>
HERE ARE YOUR UPLOADED IMAGES:
<br>
<?php
$dirname = "uploads/";

$images = glob($dirname."*{jpg,png,gif}", GLOB_BRACE);

foreach($images as $image) {
    echo '<img src="'.$image.'" /><br />';
}
?>

<br>

</body>
</html>

header('Location: index.php');