这是我的第一篇文章,所以请告诉我是否有任何我在这篇文章中做错了。
我目前正在完成一项有三个子任务的学校任务。
1)创建一个可以上传图像的HTML表单 2)将HTML表单中的数据保存在文本文档中,并将图像放在服务器上 3)创建一个显示不同条目的页面(包括图像)。
Heres是我迄今为止所做的。任务1应该非常正确。
<!DOCTYPE html>
<html lang="da">
<html>
<head>
<title>Mobiloversigten</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<form name="formular" id="formular" method="post" action="process.php" enctype="multipart/form-data" autocomplete="on">
<fieldset>
<legend>Enhedsoplysninger</legend>
<div><label>Producent: <input type="text" name="manufactor" id="manufactor" required="required" size="30"></label></div>
<div><label>Produktnavn: <input type="text" name="product" id="product" required="required" size="30"></label></div>
<div><label>Farve: <input type="text" name="color" id="color" required="required" size="30"></label></div>
<label>Hukommelse:
<div>
<select size="1" name="memory" id="memory">
<option>8GB</option>
<option>16GB</option>
<option>32GB</option>
<option>64GB</option>
<option>128GB</option>
</select>
</div>
</label>
<div><label>Skærmstørrelse <input type="number" name="displaysize" id="displaysize" min="0" step="0.1" size="30"></label></div>
<div><label>Produktbillede: <input type="file" name="productphoto" id="productphoto" required="required" size="30"></label></div>
</fieldset>
<div><input type="submit" id="ok" value="Indsend"><input type="reset" id="nulstil" value="Nulstil"></div>
</form>
</body>
</html>
我的process.php页面如下所示:
<!DOCTYPE html>
<html lang="da">
<html>
<head>
<title>Mobiloversigten</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<a href="index.html">Tilføj flere enheder</a>
<a href="overview.php">Vis enheder</a>
<?php
$manufactor = $_POST['manufactor'];
$product = $_POST['product'];
$color = $_POST['color'];
$memory = $_POST['memory'];
$displaysize = $_POST['displaysize'];
$productphoto = $_FILES['productphoto']['name'];
if($_FILES){
if(strlen($_FILES['productphoto']['type'])==9){
move_uploaded_file($_FILES['productphoto']['tmp_name'], $product . ".".$rest = substr($_FILES['productphoto']['type'], -3));
}
else{move_uploaded_file($_FILES['productphoto']['tmp_name'], $product . ".".$rest = substr($_FILES['productphoto']['type'], -4));
}
}
$user_data = "$manufactor, $product, $color, $memory, $displaysize, $productphoto \r\n";
$mobile_data = "Producent: ,Produktnavn: ,Farve: ,Hukommelse: ,Skærmstørrelse: ";
$fh = fopen("data.txt", "a+") or die("Filen kunne ikke oprettes");
fwrite($fh, $user_data) or die("Kunne ikke skrive til filen");
fclose($fh);
$fj = fopen("mobile.txt", "w") or die("Filen kunne ikke oprettes");
fwrite($fj, $mobile_data) or die("Kunne ikke skrive til filen");
fclose($fj);
?>
</body>
</html>
显示所有条目概述的页面如下所示:
<!DOCTYPE html>
<html lang="da">
<html>
<head>
<title>Mobiloversigt</title>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Tilføjede enheder</h1>
<?php
fopen("file.txt", "r");
fopen("mobil.txt", "r");
$info = explode(",", file_get_contents("mobil.txt"));
$retrieved_string = file_get_contents("file.txt");
$retrieved_array = explode("\n", $retrieved_string);
$count=count($retrieved_array)-1;
for($y = 0; $y < $count; $y++){
$user_data_array = explode(",",$retrieved_array[$y]);
for($x = 0; $x <= 4; $x++){
echo "<p>$info[$x]</p><p2>$user_data_array[$x]</p2><br>";
} echo "<img src=\"$user_data_array[5]\"><br><br>";
echo "<div><span class=\"linie\"></span></div><br><br>";
}
?>
</body>
</html>
总的问题是,图片不会显示出来。我在带有.php文件和索引的根文件夹中看到它们。文件,但我的浏览器只显示一个蓝色问号(Safari),所以它似乎无法识别图像位置,即使我可以在文件夹中看到它。
我真的很感激一些帮助! : - )
提前致谢
/克里斯
答案 0 :(得分:0)
在process.php中,主要错误是您使用不同的名称保存照片并且打印tmp_name是文件。在实际中两者都应该是相同的。稍微改变代码
if($_FILES){
if(strlen($_FILES['productphoto']['type'])==9)
$name=$product . ".".$rest = substr($_FILES['productphoto']['type'], -3);
else
$name=$product . ".".$rest = substr($_FILES['productphoto']['type'], -4);
move_uploaded_file($_FILES['productphoto']['tmp_name'], $name);
}
$user_data = "$manufactor, $product, $color, $memory, $displaysize, $name \r\n";
在overview.php中,如果使用file_get_contents,则不需要fopen,因此在 data.txt 和中保存数据时,删除fopen行,第二个错误更正输入文件名mobile.txt ,但从 mobil.txt 和 file.txt 导入数据。否则一切都是正确的。