Heim > Web-Frontend > H5-Tutorial > Hauptteil

H5 implementiert Funktionscode zum Hochladen lokaler Bilder und deren Vorschau

不言
Freigeben: 2018-06-11 15:39:06
Original
4101 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich der Implementierungscode von H5 zum Hochladen lokaler Bilder und deren Vorschau vorgestellt. Interessierte Freunde können darauf verweisen.

Die H5-Upload-Anzeige ist erforderlich Funktion des Bildes, wie in der Abbildung gezeigt:

Geben Sie den Code direkt ein:

HTML-Teil

<p class="works-wrap"> 
 <p class="figure-box" id="figure_box"></p> 
 <p class="add-btn"> 
  <input type="file" id="imgUploadBtn" /> 
  <a href="javascript:void(0);" rel="external nofollow" ><i></i>添加作品</a></p> 
 </p> 
</p>
Nach dem Login kopieren

Ich habe CSS verwendet, um input[type=file] auf Optical:0; zu setzen, damit es eher wie ein nativer Upload aussieht.

rrree

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Lernen aller hilfreich sein. Bitte achten Sie auf PHP Chinesische Website!

Verwandte Empfehlungen:

Verwendung von 63 Zeilen HTML5-Code zur Implementierung des Snake-Spiels

HTML5 zur Implementierung von Nachrichten und Antworten Seite

Das obige ist der detaillierte Inhalt vonH5 implementiert Funktionscode zum Hochladen lokaler Bilder und deren Vorschau. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage