Beheben Sie das Problem, dass der Name des Dateiänderungsformulars vom Typ = Datei nicht normal wiedergegeben werden kann

Beheben Sie das Problem, dass der Name des Dateiänderungsformulars vom Typ = Datei nicht normal wiedergegeben werden kann

Der Code unter dem Easyui-Framework lautet wie folgt:

CSS:

.Dateibox{
schweben: rechts;
Breite: 1035px;
Rand: 1px durchgezogen #999;
Höhe: 32px;
Zeilenhöhe: 35px;
Polsterung links: 10px;
Rand rechts: 25px;
}
.Datei{
schweben: rechts;
Gliederung: keine;
Rand: keiner;
Hintergrund: #67BEF4;
Rahmenradius: 4px;
Polsterung: 4px 12px;
Cursor:Zeiger;
Farbe: #fff;
Schriftgröße: 18px;
Zeilenhöhe: 20px;
vertikale Ausrichtung: Mitte;
Rand: 2px;
}

html-Seite:

<div Klasse="Dateibox">
<button type="button" class="file" id="select_file" onclick="file1.click();" > Anhang auswählen</button>
<Eingabetyp="Datei" ID="Datei1" Name="PXXA_APPENDIX" Stil="Breite:250px;Anzeige: keine;" onchange="setfile_tmp()";>
<input type="text" id="file2" readonly="nur lesen" th:value="${map.PXXA_APPENDIX}" onclick="file1.click(); ">
</div>

js-Skript:

Funktion setfile_tmp(){

var Datei11 = $("#Datei1")[0].Wert;
var arrays1 = file11.split("\\");
var name1 = arrays1[arrays1.länge-1];
name1=name1.toLowerCase();
$("#datei2")[0].Wert=name1;
}

Zusammenfassen

Damit ist dieser Artikel über das Problem, dass der Name des Dateiänderungsformulars vom Typ „file“ nicht normal wiedergegeben werden kann, abgeschlossen. Weitere verwandte Inhalte vom Typ „file“ finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

<<:  So legen Sie das Breitenattribut auf den Stil des Span-Tags fest

>>:  Grafisches Tutorial zur Installation und Konfiguration der Dekomprimierungsversion von MySQL 8.0.25

Artikel empfehlen

js, um den Effekt eines Lichtschalters zu erzielen

In diesem Artikelbeispiel wird der spezifische Co...

Implementierungsmethode für die bidirektionale Bindung von Vue-Daten

Inhaltsverzeichnis 1. Einleitung 2. Code-Implemen...

MySQL 8.0-Installationstutorial unter Linux

Dieser Artikel beschreibt Ihnen, wie Sie MySQL 8....

Eine einfache Möglichkeit, Desktop-Exe-Programme auf einer Webseite aufzurufen

Dieser Artikel stellt hauptsächlich vor, wie Deskt...

Detaillierte Erklärung des Nginx Reverse-Proxy-Beispiels

1. Reverse-Proxy-Beispiel 1 1. Erzielen Sie den E...

20 Wegweiser auf dem Weg zum exzellenten UI (User Interface)-Designer

Einleitung: Der Interface-Designer Joshua Porter h...

So erstellen Sie ein Drag & Drop-Plugin mit benutzerdefinierten Vue-Direktiven

Wir alle kennen die Drag-and-Drop-Funktion von HT...

Übersicht über die Definition der HTC-Komponenten nach IE5.0

Vor der Veröffentlichung von Microsoft IE 5.0 best...