Come limitare i tipi di file con il tipo di file di input HTML?

Question

Come si restringono i tipi di file con il tipo di file di input HTML?

ho questo

<input type="file" id="fileUpload" name="fileUpload" size="23" accept="Calendar/ics"/> 

sto cercando di limitare il tipo solo il tipo di formato iCalendar.

Voglio anche controllare sul lato server. Come faccio a farlo in ASP.NET MVC?

Answer 1

Sfortunatamente, non è possibile limitare l'estensione del file come è possibile in una finestra di dialogo standard per browser di file. Tuttavia, è possibile controllare l'estensione una volta che l'utente ha selezionato un file.

È possibile aggiungere questo gestore di eventi.

filebox.Attributes.Add("onchange", "fileSelectedChanged(this);"); 

e questa funzione JavaScript

function fileSelectedChanged(obj) { 
    var filePath = obj.value; 

    var ext = filePath.substring(filePath.lastIndexOf('.') + 1).toLowerCase(); 
    if(ext != 'csv') { 
     alert('Only files with the file extension CSV are allowed'); 
    } else { 
     document.getElementById('form1').submit(); 
    } 
} 

Si dovrebbe anche controllare sul server, utilizzando:

filebox.PostedFile.FileName 

e:

filebox.PostedFile.ContentType 

Answer 2

text/calendario è il right mime type

<input type="file" id="fileUpload" name="fileUpload" size="23" accept="text/calendar" /> 

Answer 3

Non è possibile specificare il tipo di file che l'utente può scegliere. È possibile utilizzare Javascript per impedire all'utente di inviare il modulo, ma ciò non è sufficiente. Javascript può essere facilmente disabilitato nel browser. È necessario logica sul lato server che valuta il tipo di contenuto del caricamento (anche solo controllando l'estensione del file è abbastanza davvero non va bene) ...

HttpPostedFile file = Request.Files(0); 

if(file.ContentType != "text/calendar") 
{ 
    //Error 
} 

Answer 4

instaed di accettare si dovrebbe usare contetypes attributo notare che c'è singolo "t" in contentypes

e sotto controllo codice del server come questo

HttpPostedFileBase file = Request.Files [0];

if (! File.ContentType.startsWith ("text/calendario")) { // errore }

speranza questo sove il problema Mark la mia risposta, se lo farà.

Answer 5

Personalmente preferisco qualcosa come Uploadify che ti permette di fare questo, e fornisce anche una barra di progresso di fantasia ... Non so se questo è un po 'troppo "pesante" per te però.