img src verbergen

Door De Clercq Andy op 18-05-2017 14:16

1.963 views

Hallo,
ik beschik over een webserver. Daarnaast heb ik een andere ftp server met tal van foto's.
Ju wil ik op mijn webserver een fotoalbum aanmaken maar vanop de webserver mogen mijn gebruikers niet kunnen zien dat de images vanop die ftp komen.
Indien ik deze "gewoon" oproep <img src="ftp://mijnftp:wachtwoord@host/2017/17/49_t.JPG"> toont hij de afbeelding maar kan mijn gebruiker in de broncode mijn ftp paswoord zien.
Bestaat er een manier om dit te verbergen?
met volgende tont hij mijn afbeelding maar dan ook enkel de thumbnail met zwarte achtergrond.

<?php
header("content-type: image/jpeg");
echo file_get_contents("ftp://mijnoftp:wachtwoord@host/2017/17/49_t.JPG");
?>
Kan ik deze afbeeldingen weergeven zonder de gebruiker paswoord en gebruikersnaam te laten zien?
Maar dit dan ook echt in een fotoalbum gebruiken?

Ariën

18-05-2017 14:23

Draait er geen webserver op die server die je voor FTP gebruikt?

De Clercq Andy

18-05-2017 14:40

Neen, die ftp staat hier bij ons en de website wordt extern gehost.

Ariën

18-05-2017 14:43

Normaal zou dit moeten werken, tenzij de URL-wrappers in PHP uitstaan.

Zo sowieso eens error_reporting en display_error's aan.

De Clercq Andy

18-05-2017 15:23

Als je met dit mijn mini stukje bedoeld, dan werkt dit wel maar toont dan enkel de thumbnail waarnaar ik verwijs en dit op een zwarte achtergrond.
Als ik nu zo een thumbnail wil gebruiken in een volledig script in dit genre:


<html>
<head>
<title>Dienstverleningscenturm Heilig Hart - Aanwezigheden</title>
<link href="../css/algstyle.css" rel="stylesheet" type="text/css" />
<link href="../css/menu.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="../css/formulier.css" type="text/css" />
<style>
.activiteit
{
border:1px solid;
border-radius:10px;
border-color:rgb(38,136,142);
width:500px;
margin-bottom:15px;
margin-left:auto;
margin-right:auto;
}
.knoppenbalk
{
margin-left:175px;
}
</style>
</head>
<body class="body">
<table class="Hoofdtabel01" border="0" width="100%"  height="100%" cellpadding="0" cellspacing="5">
	<tr>
		<td valign="top" align="center">
			<table class="Hoofdtabel02" border="0" cellpadding="0" cellspacing="5" height="100%" >
				<tr height="100">
					<td><img src="../images/titelbalkandere.jpg" width="925px"></td>
				</tr>
				<tr valign="top">
					<td>
					<!-- Dient om de verdeling te maken tussen de menu en het tekstgedeelte  -->
						<table border="0" cellspacing="0" cellpadding="0" height='100%' >
							<tr>
								<td width="190px" valign="top">
									<?php 
									if ($_SESSION['menu']==1)
										{
										menu($pageID);
										}
									?>
									
								</td>
								<td valign="top">
									<table border="0" cellpadding="0" cellspacing="0" width="750" align="center">
										<tr>
											<td style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:80%">
												&nbsp;&nbsp;&nbsp;
												<br>
												<font style="font-size:40%">&nbsp;<br></font>
											</td>
										</tr>
										<tr>
											<td>
											<!-- Het tekstgedeelte moet hier komen -->
											<?php
											echo "<p class=\"titel\">
											<br>
											Fotogalerij van $_SESSION[naam]</p>";
											$aactiviteiten = new SimpleXMLElement('http://192.168.254.91:8083/FotoService/FotoService.svc/web/J1S2D3K4A5/117/activiteiten',NULL, TRUE);
											foreach ($aactiviteiten->Activiteit as $aactiviteit)
											{
												echo "<article class=\"activiteit\">";
												echo "<p class=\"h3\">".$aactiviteit -> Naam ."</p>
															<p class=\"standaardText\">" .$aactiviteit -> Omschrijving."</p>
															<p class=\"knoppenbalk\"><button class=\"button\">Bekijken</button></p>";
																			
															include ('./image.php');							
															//$voorbeeld = file_get_contents('ftp://ftpFoto:[email protected]:2180/2017/17/49_t.JPG");
															?>
															
												<?php
												echo "</article>";
											}
										?>
											
											
											<!-- afsluiten tekstgedeelte -->
											</td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</td>
				</tr>
	</tr>
			<!--sluiten hoofdtabel 2 -->
			</table>		
		</td>
	</tr>
<!--sluiten hoofdtabel 1-->
</table>
</body>
</html>

Probeerde al eens met een include voor dat mini stukje maar dan krijg ik zwarte pagina zonder de huiste thumb. Dus verre van deze omschrijving met een voorbeeldje.
Alvast bedankt om mee te kijken.

Ivo P

18-05-2017 15:53

ik begrijp je vraag niet, maar ik denk dat je dit zoekt:

in je html pagina zet je
<img src="imageviewer.php?s=/2017/17/49_t.JPG">

en het script imageviewer bevat dan iets als

<?php
header("content-type: image/jpeg");
readfile("ftp://mijnoftp:wachtwoord@host" . filter_input(INPUT_GET, 's'));
?>

waarbij enige controle op het bestaan en de inhoud van S nodig is, en of de extensie wel jpeg/jpg is.

De Clercq Andy

19-05-2017 09:41

Oké, dit doet de job perfect!
Mega bedankt voor de tip.
Moet inderdaad nog worden bijgewerkt naar veiligheid toe maar daar kan ik zelf weg mee.
Wat mij betreft is dit hier afgerond!

Reageren

Inloggen om te reageren