Dieses Mal bringe ich Ihnen JQuery mit, um die detaillierten Informationen der hochgeladenen Datei zu erhalten. Was sind die Vorsichtsmaßnahmen für JQuery, um die detaillierten Informationen der hochgeladenen Datei zu erhalten? Schauen Sie mal rein.
Bevor Wenn Benutzer Dateien über das Tag hochladen, können wir normalerweise den Namen der hochgeladenen Datei sehen. Die HTML5-Datei-API bietet uns eine sichere Möglichkeit, clientseitig auf Dateien auf dem Computer zuzugreifen und Operationen an diesen Dateien besser durchzuführen. Zu den Browsern, die die Datei-API unterstützen, gehören IE10+, Firefox4+, Safari5.0.5+, Opera11.1+ und Chrome. Die Datei-API fügt einige Schnittstellen für den direkten Zugriff auf Dateiinformationen basierend auf dem Dateieingabefeld des Formulars hinzu. HTML5 fügt dem DOM eine Dateisammlung für Dateieingabeelemente hinzu. Wenn eine oder mehrere Dateien über das Dateieingabefeld ausgewählt werden, enthält die Dateisammlung eine Reihe von Dateiobjekten, wobei jedes Dateiobjekt einer Datei entspricht. Jede Datei verfügt über die folgenden schreibgeschützten Attribute:Dateisystem .
<input id="fUpload" multiple type="file" /><br /> <ul id="ulList"> </ul> <input id="btnShow" type="button" value="显示上传文件的详细详细" />
$("#btnShow").on('click', function () { $("#ulList").empty(); var fp = $("#fUpload"); var lg = fp[0].files.length; // get length var items = fp[0].files; var fragment = ""; if (lg > 0) { for (var i = 0; i < lg; i++) { var fileName = items[i].name; // get file name var fileSize = items[i].size; // get file size var fileType = items[i].type; // get file type // append li to UL tag to display File info fragment += "<li>" + fileName + " (<b>" + fileSize + "</b> bytes) - Type :" + fileType + "</li>"; } $("#ulList").append(fragment); } });
Knoten implementiert die Bildverifizierungscode-Funktion während der Anmeldung
Die übergeordnete Vue-Komponente übergibt den Wert an die übergeordnete Komponente Detaillierte Erläuterung der Schritte
Das obige ist der detaillierte Inhalt vonjquery ruft die Details der hochgeladenen Datei ab. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!