Die bereitgestellte JavaScript-Funktion validiert effektiv Dateitypen basierend auf dem _validFileExtensions-Array. Um diese Funktionalität zu erweitern und die Dateigröße vor dem Hochladen zu überprüfen, können Sie das folgende clientseitige JavaScript implementieren:
<script language='JavaScript'><br>function checkFileSize(inputFile) { <br> var maxFileSize = 500 * 1024; // 500 KB (zum Vergleich in Bytes konvertieren)</p>
<p>if (inputFile.files && inputFile.files[0].size > maxFileSize) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">alert("File too large."); // Display error message
inputFile.value = null; // Clear the input field}
}
Dieser Code prüft, ob die Dateigröße den angegebenen Grenzwert in Bytes überschreitet. Ist dies der Fall, wird eine Fehlermeldung angezeigt und der Benutzer wird aufgefordert, eine andere Datei auszuwählen.
Zusätzlich zur clientseitigen Validierung ist es wichtig, eine serverseitige Validierung zu implementieren, um die Dateigrößenbeschränkung sicherzustellen wird durchgesetzt. Dies kann mit dem PHPMyCoder-Vorschlag von PHP erreicht werden:
<?php<br>if (isset($_FILES['file'])) {<br> $maxSize = 500 * 1024; // 500 KB (in Bytes konvertieren)<br> if ($_FILES['file']['size'] > $maxSize) {</p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">// Handle error: File too large}
}
< ;?php>
Denken Sie daran, dass die clientseitige Validierung umgangen werden kann, sodass die serverseitige Validierung für die Sicherheit und Datenintegrität weiterhin von entscheidender Bedeutung ist. Durch den Einsatz von clientseitigem JavaScript und PHP können Sie Dateigrößenbeschränkungen vor dem Hochladen effektiv überprüfen und so einen robusteren und sichereren Datei-Upload-Prozess ermöglichen.
Das obige ist der detaillierte Inhalt vonWie validiere ich die Dateigröße vor dem Hochladen mit JavaScript und PHP?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
