PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
B

Van file upload functie een keuzelijst met bestanden maken

Door Bart Cockheyt op 18-01-2014 17:07
1.674 views
Hallo,

Hieronder een script met een invoerveld om een bestand in op te geven en te "uploaden".
Wat ik graag zou willen is deze functie vervangen door een lijst met bestanden die op mijn (dezelfde) server staan.
Dus een selectielijst ipv een bestand opgeven.

Mijn dank is groot,

Bart


<div class="container">
		<form class="form">
			<input type=file id=files name=files[] class='btn'/>
			<output id=list></output>
		</form>
		
		<div id="fileContent">
			<table id="dataTable" class='table tablesorter table-striped table-hover'>
			</table>
		</div>

	</div> <!-- Container -->
N
Nick Sulkers
19-01-2014 09:57
Hoi Bart,

Is dit wat je zoekt?
<select name="file"><?php
$dir = 'files';
if ($handle = opendir($dir)) {
    while (false !== ($entry = readdir($handle))) {
    	if(is_dir($dir.'/'.$entry))
    		continue;
        echo '<option value="'.$entry.'">'.$entry.'</option>';
    }
?></select>
B
Bart Cockheyt
19-01-2014 10:07 gewijzigd op 19-01-2014 10:22
Ziet er al goed uit, bedankt Nick.

Maar hoe of waar geef ik de lijst op waaruit gekozen wordt?

Moet je ergens een map opgeven en laat hij simpelweg de files zien?
Of moet je zelf bij de laatste functie zelf een naam en pad naar bestand opgeven?

En zodra dit werkt, is het dan een kwestie van selecteren of moet er nog een "verstuur" knop/functie bij?
Ozzie PHP
19-01-2014 11:25
>> Maar hoe of waar geef ik de lijst op waaruit gekozen wordt?

>> Moet je ergens een map opgeven en laat hij simpelweg de files zien?

Zoals je in het code voorbeeld kunt zien wordt er verwezen naar een directory "files". Dat kun je zelf dan aanpassen naar een andere directory. Als dat niet is wat je wilt, dan moet je even duidelijk aangeven wat je wel wilt.
B
Bart Cockheyt
19-01-2014 12:00
hmmm... er lijkt iets niet goed te gaan... krijg een "unexpected end on line 57"...

Even voor de duidelijkheid, in ben geen php/html kenner ;-)

Hierbij even het gehele document, wellicht heb je daar meer aan:


<!doctype html>

<html>
<head>
<meta charset="utf-8" />
<title>CSV Analyzer</title>

<!-- Stylesheets -->
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" media="screen" title="no title" charset="utf-8">
<link rel="stylesheet" href="css/custom.css" type="text/css" media="screen" title="no title" charset="utf-8">


<!-- Javascript Libraries -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script src="js/jquery-csv.js"></script>
<script src='js/jquery.dataTables.min.js'></script>
<script src='js/jquery.dataTables.columnFilter.js'></script>

<!-- Custom App JS -->
<script src='js/csv.js'></script>


<script>
$(document).ready(function() {
  if(isAPIAvailable()) {
    	$('#files').bind('change', handleFileSelect);

  }
});
</script>
</head>
<body>

	<div class="container">
		<form class="form">
			<input type=file id=files name=files[] class='btn'/>
			<output id=list></output>
		</form>

		<div id="fileContent">
			<table id="dataTable" class='table tablesorter table-striped table-hover'>
			</table>
		</div>

	</div> <!-- Container -->
</body>

</html>
Ozzie PHP
19-01-2014 12:02
>> Even voor de duidelijkheid, in ben geen php/html kenner ;-)

Dan lijkt het me verstandig dat je eerst eens wat basiskennis gaat opdoen ;)
B
Bart Cockheyt
19-01-2014 12:15
Ozzie PHP op 19/01/2014 12:02:43

>> Even voor de duidelijkheid, in ben geen php/html kenner ;-)

Dan lijkt het me verstandig dat je eerst eens wat basiskennis gaat opdoen ;)


Ben ik op zich wel met je eens, maar ik gebruik dit soort dingen zo sporadisch dat die kennis weer vergaan is als ik het nodig ga hebben ;-)
Maar staat wel in de planning hoor.

Maar nog even het doel:

- of het gehele upload verhaal "vervangen" voor een direct url in de index.html code, dus dat hij bij het laden direct het bestand laadt en doorzet naar de API.
- of in plaats van het uploadveld een selectielijst van bestanden in een map op de server en zodra er een geselecteerd wordt dit bestand doorzetten naar de API.

1 van de 2 is al voldoende, ik denk dat de eerste optie de "makkelijkste" is enkel weet ik niet hoe dit ion code om te zetten.

Reageren

Inloggen om te reageren