Tonen van filename
In het desbetreffende bestand haal ik dan het juist Post object op aan de hand van het id uit de url en toon ik de waades dus bijvoorbeeld `title, content, publish_date` in de values van de inputs. Dus dat je de huidige waardes ziet om die te kunnen bewerken. Stel een Post heeft een Afbeelding/Bestand wat er bij zit, hoe toon ik dan met php/js makkelijk de huidige bestand/foto naam?
Als er onduidelijkheden zijn in mijn verhaal/vraag, hoor ik het graag :)
$_FILES['filebox']['name'] bevat de naam.
Gewijzigd op 23/10/2020 20:30:58 door - Ariën -
Code (php)
1
<?=$post['title'];?>
Code (php)
1
<?=$post['file'];?>
Zo'n rocketscience is het ook weer niet.
Als je de afbeelding die je wilt uploaden vooraf al (voor je POST) wilt tonen, dan kan je de JavaScript FileReader API gebruiken:
Code (php)
1
2
2
<input type='file' onchange="readImage(this);" />
<img id="afbeelding" src="#" alt="Jouw afbeelding" />
<img id="afbeelding" src="#" alt="Jouw afbeelding" />
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
function readImage(input) {
if (input.files && input.files[0]) {
var read = new FileReader();
read.onload = function (e) {
$('#afbeelding')
.attr('src', e.target.result)
.width(150)
.height(200);
};
read.readAsDataURL(input.files[0]);
}
}
if (input.files && input.files[0]) {
var read = new FileReader();
read.onload = function (e) {
$('#afbeelding')
.attr('src', e.target.result)
.width(150)
.height(200);
};
read.readAsDataURL(input.files[0]);
}
}
Gewijzigd op 24/10/2020 19:34:17 door - Ariën -