Html altında bir dosya upload uygulanması oldukça basit, ama sadece bir 'kabul' <input type="file" ...> etiketi eklenebilir bağlıyor. olduğunu fark ettim

Bu görüntüler için dosya yükleme sınırlayan bir yol olarak yararlı, vb niteliktir? Kullanmak için en iyi yolu nedir?

Dosya türleri, dosya iletişim kutusunda tercihen html dosya giriş etiketi için sınırlamak için bir yolu var alternatif olarak?

accept öznitelik son derece yararlıdır. Tarayıcılar için bir ipucu sadece input akım için izin verilen dosyaları göstermek için. Süre olabilir genellikle geçersiz tarafından kullanıcılara yardımcı olur daraltmak sonuçları için kullanıcılar tarafından varsayılan, bu yüzden elde edebilirsiniz tam olarak ne aradıklarını zorunda kalmadan incelemek için yüzlerce farklı dosya türleri.

Kullanımı

Not:Bu örnekler, geçerli şartname dayanarak yazılmış ve aslında (veya herhangi) tüm tarayıcılarda çalışmayabilir. Şartname de bu örnekler, mola verebilecek gelecekte değişebilir.

h1 { font-size: 1em; margin:1em 0; }
h1 ~ h1 { border-top: 1px solid #ccc; padding-top: 1em; }

<h1>Match all image files (image/*)</h1>
<p><label>image/* <input type="file" accept="image/*"></label></p>

<h1>Match all video files (video/*)</h1>
<p><label>video/* <input type="file" accept="video/*"></label></p>

<h1>Match all audio files (audio/*)</h1>
<p><label>audio/* <input type="file" accept="audio/*"></label></p>

<h1>Match all image files (image/*) and files with the extension ".someext"</h1>
<p><label>.someext,image/* <input type="file" accept=".someext,image/*"></label></p>

<h1>Match all image files (image/*) and video files (video/*)</h1>
<p><label>image/*,video/* <input type="file" accept="image/*,video/*"></label></p>

HTML Belirtimi (source)

accept öznitelik ile kullanıcı arayüzleri sağlamak için belirtilebilir hangi dosya türleri ipucu kabul edilecektir.

Belirtilen özniteliği bir oluşmalı set of comma-separated tokens, bir olması gereken her ASCII case-insensitive aşağıdakilerden birini maç için:

Dize 10**

• Ses dosyalarını kabul etti. gösterir

Dize 11**

• Video dosyalarını kabul etti. gösterir

String image/*

• Resim dosyaları kabul edilir. gösterir

16**

• Belirtilen dosya türü kabul etti. gösterir

U 002E TAM bir karakteri olan bir dize (.)

• Belirtilen dosya uzantısı ile dosyaları kabul etti. gösterir