plaatje uploaden en deze daarna inladen als background
Ik heb tot nu dit:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<?
global $_FILES;
$filename = $_FILES['userfile']['name'];
if ($_POST["newname"])
$uploadname = $_POST['newname'];
else
$uploadname = $_FILES['userfile']['name'];
if (is_uploaded_file($_FILES['userfile']['tmp_name'])) {
move_uploaded_file($_FILES['userfile']['tmp_name'], "uploads/" . $uploadname);
//echo "Het bestand is geupload onder de naam: $uploadname";
background-image: ($_files);
}
?>
global $_FILES;
$filename = $_FILES['userfile']['name'];
if ($_POST["newname"])
$uploadname = $_POST['newname'];
else
$uploadname = $_FILES['userfile']['name'];
if (is_uploaded_file($_FILES['userfile']['tmp_name'])) {
move_uploaded_file($_FILES['userfile']['tmp_name'], "uploads/" . $uploadname);
//echo "Het bestand is geupload onder de naam: $uploadname";
background-image: ($_files);
}
?>
<div align="center"><a href="uploadbestand.php">Back</a></div>
De upload werkt op zich wel, maar ik krijg normaal wat er bij de echo staat te zien en dan back. Nu ik dat background-image heb toegevoegd doet ie niets...
dit is geen geldig CSS
background-image:url(picje.gif);
en dat moet dan natuurlijk wel in de goede tag staan, dat gewoon los op een pagina zetten heeft geen nut :/
Dit moet het inderdaad zijn, maar wat nu als picje.gif iets moet zijn wat bepaald word door wat je upload. als ik dus pietje.jpg upload, moet het worden: background-image:url(pietje.jpg);
Dit moet dus uitgelezen worden.
En als het bestand geupload word komt dus normaal de text die bij echo staat. dit doet hij op een lege pagina, dus ik dacht kan ik daar meteen de background van zetten. Maar helaas werkt dat dus niet.
De bedoeling is dus dat het iets als: background-image:url($foto.jpg); word en dat ie die variable ergens uitleest
Gewijzigd op 23/04/2004 00:29:00 door Rick
doe het eens op deze manier:
<body style="background-image:url(
Code (php)
1
<?=$foto;?>
dat lijkt mij de meest nette manier :)
$filename = $_FILES['userfile']['name'];
if ($_POST["newname"])
$uploadname = $_POST['newname'];
else
$uploadname = $_FILES['userfile']['name'];
if (is_uploaded_file($_FILES['userfile']['tmp_name'])) {
move_uploaded_file($_FILES['userfile']['tmp_name'], "uploads/" . $uploadname);
echo "Het bestand is geupload onder de naam: $uploadname";
<body style="background-image:url(
Code (php)
1
<?=$uploadname;?>
}
?>
<div align="center"><a href="uploadbestand.php">Back</a></div>
Of moet die body style ergens anders? moet iig ergens na het bepalen van de filename he
heb dit geprobeerd:
<body style="background-image:url(
Code (php)
1
<?="uploads/" . $uploadname;?>
maar dan werkt het niet meer
iemand een idee?
controleer eventjes of het pad in de broncode van de html klopt met de locatie van het plaatje
dan zou het namelijk moeten werken
upload.php word dan gewoon:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?
global $_FILES;
$filename = $_FILES['userfile']['name'];
if ($_POST["newname"])
$uploadname = $_POST['newname'];
else
$uploadname = $_FILES['userfile']['name'];
if (is_uploaded_file($_FILES['userfile']['tmp_name'])) {
move_uploaded_file($_FILES['userfile']['tmp_name'], "uploads/" . $uploadname);
echo "Het bestand is geupload onder de naam: $uploadname";
}
?>
global $_FILES;
$filename = $_FILES['userfile']['name'];
if ($_POST["newname"])
$uploadname = $_POST['newname'];
else
$uploadname = $_FILES['userfile']['name'];
if (is_uploaded_file($_FILES['userfile']['tmp_name'])) {
move_uploaded_file($_FILES['userfile']['tmp_name'], "uploads/" . $uploadname);
echo "Het bestand is geupload onder de naam: $uploadname";
}
?>
<div align="center"><a href="bekijk.htm">Verder</a></div>
en bekijk.htm word dan:
<HTML>
<HEAD>
<TITLE>DHTML Mouseover</TITLE>
<STYLE TYPE="text/css">
.off {
position: absolute;
left: 5;
top: 5;
z-index: 1;
visibility: visible;
width: 347;
height: 347;
}
.on {
position: absolute;
left: 5;
top: 5;
z-index: 2;
visibility: hidden;
}
body {
background-color: #FBFBD5;
}
</STYLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD>
<BODY>
$naam= $_POST['uploadname']
<!--These are the static OFF images-->
<div align="left"></div>
<DIV CLASS="off" id="bkg">
<div align="center"><A HREF = "#" onMouseOver = "showIt(img1)">
<IMG SRC="uploads/$naam" width="347" height="347" BORDER=0>
</A><BR>
</div>
</DIV>
<!--These are the hidden ON images-->
<DIV CLASS="on" ID = "img1">
<A HREF = "#" onMouseOut = "hideIt(img1)">
<IMG SRC="cd%20print%20skelet%20copy.gif" width="347" height="347" BORDER=0>
</A><BR>
</DIV>
<SCRIPT LANGUAGE = "JavaScript">
<!--
/* Corrects Browser Differences */
if (document.layers){
var img1 = document.img1;
var HIDDEN = 'hide';
var VISIBLE = 'show';
} else if (document.all){
var img1 = document.all.img1.style;
var HIDDEN = 'hidden';
var VISIBLE = 'visible';
}
/* Shows an object */
function showIt(object) {
object.visibility = VISIBLE;
}
/* Hides an object */
function hideIt(object) {
object.visibility = HIDDEN;
}
//stop hiding -->
</SCRIPT>
</p>
</div>
</BODY>
</HTML>
Op zich werkt het wel alleen wat ie nu doet is ipv het plaatje in te laden laat ie $_POST['uploadname'] zien en daar zal dus nog wel wat fout in zitten... weet ook niet of dat zomaar aan te roepen is... voorbeeld is te zien op:
http://raysoft.dyndns.org/rob/uploadbestand.php
Ik probeerde wat maar blijkbaar niet het goede
2. je moet het natuurlijk wel tussen php tags zetten
$naam= $_POST['uploadname'] -->
Code (php)
1
<? $naam= $_POST['uploadname'] ?>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?
global $_FILES;
$filename = $_FILES['userfile']['name'];
if ($_POST["newname"])
$uploadname = $_POST['newname'];
else
$uploadname = $_FILES['userfile']['name'];
if (is_uploaded_file($_FILES['userfile']['tmp_name'])) {
move_uploaded_file($_FILES['userfile']['tmp_name'], "uploads/" . $uploadname);
//echo "Het bestand is geupload onder de naam: $uploadname";
}
?>
global $_FILES;
$filename = $_FILES['userfile']['name'];
if ($_POST["newname"])
$uploadname = $_POST['newname'];
else
$uploadname = $_FILES['userfile']['name'];
if (is_uploaded_file($_FILES['userfile']['tmp_name'])) {
move_uploaded_file($_FILES['userfile']['tmp_name'], "uploads/" . $uploadname);
//echo "Het bestand is geupload onder de naam: $uploadname";
}
?>
<!-- <div align="center"><a href="bekijk.htm">resultaat bekijken</a></div>-->
<STYLE TYPE="text/css">
.off {
position: absolute;
left: 5;
top: 5;
z-index: 1;
visibility: visible;
width: 347;
height: 347;
}
.on {
position: absolute;
left: 5;
top: 5;
z-index: 2;
visibility: hidden;
}
body {
background-color: #FBFBD5;
}
</STYLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD>
<BODY>
Code (php)
1
<? $naam= $_POST['uploadname'] ?>
<!--These are the static OFF images-->
<div align="left"></div>
<DIV CLASS="off" id="bkg">
<div align="center"><A HREF = "#" onMouseOver = "showIt(img1)">
<IMG SRC="$naam" width="347" height="347" BORDER=0>
</A><BR>
</div>
</DIV>
<!--These are the hidden ON images-->
<DIV CLASS="on" ID = "img1">
<A HREF = "#" onMouseOut = "hideIt(img1)">
<IMG SRC="images/mal.gif" width="347" height="347" BORDER=0>
</A><BR>
</DIV>
<p>
<SCRIPT LANGUAGE = "JavaScript">
<!--
/* Corrects Browser Differences */
if (document.layers){
var img1 = document.img1;
var HIDDEN = 'hide';
var VISIBLE = 'show';
} else if (document.all){
var img1 = document.all.img1.style;
var HIDDEN = 'hidden';
var VISIBLE = 'visible';
}
/* Shows an object */
function showIt(object) {
object.visibility = VISIBLE;
}
/* Hides an object */
function hideIt(object) {
object.visibility = HIDDEN;
}
//stop hiding -->
</SCRIPT>
</p>
</div>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><td><div align="center"><a href="main.htm">terug</a></div></td>
</p>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
<?
$filename = $_FILES['userfile']['name'];
if ($_POST["newname"])
$uploadname = $_POST['newname'];
else
$uploadname = $_FILES['userfile']['name'];
if (is_uploaded_file($_FILES['userfile']['tmp_name'])) {
move_uploaded_file($_FILES['userfile']['tmp_name'], "uploads/" . $uploadname);
echo '<img src="uploads/'.$uploadname.'" />';
}
?>
$filename = $_FILES['userfile']['name'];
if ($_POST["newname"])
$uploadname = $_POST['newname'];
else
$uploadname = $_FILES['userfile']['name'];
if (is_uploaded_file($_FILES['userfile']['tmp_name'])) {
move_uploaded_file($_FILES['userfile']['tmp_name'], "uploads/" . $uploadname);
echo '<img src="uploads/'.$uploadname.'" />';
}
?>
upload.php:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<?
global $_FILES;
$filename = $_FILES['userfile']['name'];
if ($_POST["newname"])
$uploadname = $_POST['newname'];
else
$uploadname = $_FILES['userfile']['name'];
if (is_uploaded_file($_FILES['userfile']['tmp_name'])) {
move_uploaded_file($_FILES['userfile']['tmp_name'], "uploads/" . $uploadname);
//echo "Het bestand is geupload onder de naam: $uploadname";
}
?>
global $_FILES;
$filename = $_FILES['userfile']['name'];
if ($_POST["newname"])
$uploadname = $_POST['newname'];
else
$uploadname = $_FILES['userfile']['name'];
if (is_uploaded_file($_FILES['userfile']['tmp_name'])) {
move_uploaded_file($_FILES['userfile']['tmp_name'], "uploads/" . $uploadname);
//echo "Het bestand is geupload onder de naam: $uploadname";
}
?>
<div align="center"><a href="bekijk.php?filename=">Verder</a></div>
Bekijk.php
<HTML>
<HEAD>
<TITLE>DHTML Mouseover</TITLE>
<STYLE TYPE="text/css">
.off {
position: absolute;
left: 5;
top: 5;
z-index: 1;
visibility: visible;
width: 347;
height: 347;
}
.on {
position: absolute;
left: 5;
top: 5;
z-index: 2;
visibility: hidden;
}
body {
background-color: #FBFBD5;
}
</STYLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></HEAD>
<BODY>
<!--These are the static OFF images-->
<div align="left"></div>
<DIV CLASS="off" id="bkg">
<div align="center"><A HREF = "#" onMouseOver = "showIt(img1)">
<img src="uploads/" width="347" height="347" border="0">
</A><BR>
</div>
</DIV>
<!--These are the hidden ON images-->
<DIV CLASS="on" ID = "img1">
<A HREF = "#" onMouseOut = "hideIt(img1)">
<IMG SRC="images/mal.gif" width="347" height="347" BORDER=0>
</A><BR>
</DIV>
<p>
<SCRIPT LANGUAGE = "JavaScript">
<!--
/* Corrects Browser Differences */
if (document.layers){
var img1 = document.img1;
var HIDDEN = 'hide';
var VISIBLE = 'show';
} else if (document.all){
var img1 = document.all.img1.style;
var HIDDEN = 'hidden';
var VISIBLE = 'visible';
}
/* Shows an object */
function showIt(object) {
object.visibility = VISIBLE;
}
/* Hides an object */
function hideIt(object) {
object.visibility = HIDDEN;
}
//stop hiding -->
</SCRIPT>
</p>
</div>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><td><div align="center"><a href="main.htm">terug</a></div></td>
</p>
</BODY>
</HTML>
global $_FILES;