Limitare il formato del file quando si utilizza

Il più delle volte, alcuni siti Web chiedono all'utente le informazioni in un file. L'utente deve caricare i propri file sull'applicazione Web per elaborare i dati. Tuttavia, se l'utente carica un formato di file non compatibile, ciò può causare l'arredevole in crash o i dati elaborati in modo errato.

Per evitare questo, lo sviluppatore del sito Web può mettere un limite di "tipo" sul tipo di file che l'utente può caricare. Pertanto, durante la creazione di tali moduli ed elementi tramite HTML, in cui agli utenti viene chiesto di inserire file, è necessario garantire che il formato del file sia stato limitato solo al tipo di file richiesto per quell'operazione. Questo viene fatto facilmente attraverso il ""Tag in HTML.

Limitare il formato del file usando il file del tipo di input

I formati di file possono essere limitati o limitati aggiungendo "ingressoTag con il "tipo"Attributo e impostazione dell'attributo di tipo uguale a"file", E quindi aggiungendo il"accettare"Attributo nello stesso tag per definire il formato del file.

Esempio: Limitare i file a diversi formati

Aggiungiamo un semplice esempio per limitare il tipo di file nei campi di input:

Inserisci solo i file HTML

Inserire solo immagini

Inserisci solo file mp3

Inserisci solo i file PDF

Nel frammento di codice sopra, c'è semplice

Intestazioni per specificare il formato del tipo di file da aggiungere come input e dopo ogni intestazione, ci sono i tag di input con "accettare"Attributo per specificare il formato del file:

• Nel primo tag ci sono ".html" E ".xhtml"Specificato come tipo di file in"accettare"L'utente sarà in grado di selezionare".html" E ".xhtml"File dal sistema. In effetti, i file con tutti gli altri tipi di file non verranno visualizzati all'utente durante la navigazione dal sistema.
• Allo stesso modo, il "Immagine/*"Non consentirà all'utente di inserire alcun formato di file diverso dalle immagini.
• ".mp3"Consentirà all'utente di selezionare".mp3"Solo file audio.
• ".PDF"Consentirà all'utente di sfogliare e inserire solo i file PDF dal sistema.

Questo visualizzerà i seguenti risultati:

Vediamo come funziona selezionando uno dei campi di input creati:

Nella figura sopra, abbiamo selezionato il "Scegli il file"Pulsante che è stato creato limitando il tipo di file solo a PDF. Questo visualizza o sfoglia solo i file formattati PDF dal sistema.

In questo modo, i formati di file sono limitati quando i campi di input sono creati in HTML.

Conclusione

Limitare i formati di file in HTML richiede solo l'aggiunta di un tag e la specifica del formato di file nell'attributo Accetta. I formati di file sono specificati nell'attributo Accetta e ciò limita l'utente alla navigazione e alla selezione dei file solo del formato di file definito. Questo articolo ha abbastanza informazioni per imparare a utilizzare il tag per limitare il formato del file.