¿Cómo restringir los tipos de archivo con el tipo de archivo de entrada HTML?

Question

¿Cómo restrinjo los tipos de archivo con el tipo de archivo de entrada HTML?

tengo unas pocas cosas

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

estoy tratando de restringir el tipo de sólo el tipo de formato iCalendar.

También quiero comprobarlo en el lado del servidor. ¿Cómo hago esto en ASP.NET MVC?

Answer 1

Lamentablemente, no se puede restringir la extensión de archivo como se puede en un cuadro de diálogo estándar del navegador de archivos. Sin embargo, puede verificar la extensión una vez que el usuario selecciona un archivo.

Puede agregar este controlador de eventos.

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

y esta función 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(); 
    } 
} 

También debe comprobar que funciona en el servidor, usando:

filebox.PostedFile.FileName 

y:

filebox.PostedFile.ContentType 

Answer 2

de texto/calendario es el derecho mimo tipo

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

Answer 3

No puede especificar qué tipo de archivos puede elegir el usuario. Puede usar Javascript para evitar que el usuario envíe el formulario, pero eso no es suficiente. Javascript se puede deshabilitar fácilmente dentro del navegador. Es necesario lógica en el lado del servidor que evalúa el tipo de contenido de la carga (incluso sólo el control de la extensión de archivo es lo suficientemente realmente no es bueno) ...

HttpPostedFile file = Request.Files(0); 

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

Answer 4

instaed de aceptar que puedes usar contetypes atributo de cuenta de que hay solo "t" en contentypes

y en servidor de comprobación código como este

HttpPostedFileBase file = Request.Files [0];

if (! File.ContentType.startsWith ("texto/calendario")) { // Error }

Esperamos que esto sove su problema Marcos mi respuesta si lo hará.

Answer 5

Personalmente prefiero algo como Uploadify que le permite hacer esto, y también proporciona una barra de progreso elegante ... No sé si eso es demasiado "pesado" para usted.