Form di caricamento file che accetta solo file con estenzione .csv

**manu.fina** · 04-04-2014, 19:51

Ciao a tutti, devo fare un form che prenda in input in file con formato csv. Come faccio a fare in modo che nel menu che compare quando seleziono i file visualizzi solo quelli con formato .csv? Se non c'è un metodo per fare ciò, devo per forza usare uno script per inviare un messaggio di avvertimento in caso che il formato del file sia diverso da quello richiesto e bloccare quindi l'upload? Grazie per l'attenzione

**manu.fina** · 05-04-2014, 13:26

Up

**alexba64** · 05-04-2014, 15:00

Prova con: <input type="file" accept=".csv" />

**Vincent.Zeno** · 05-04-2014, 15:17

da notare che:

The accept attribute is supported in Internet Explorer 10, Firefox, Opera, Chrome, and Safari 6.
Note: The accept attribute of the <input> tag is not supported in Internet Explorer 9 and earlier versions.

http://www.w3schools.com/tags/att_input_accept.asp

suggerimento di lettura:
http://stackoverflow.com/questions/1...-file-type-csv

**carlomarangoni** · 05-04-2014, 15:23

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>Documento senza titolo</title>
  <meta charset="utf-8">
  <style type="text/css">.ts-1 {
 border: none;
 height: 173px;
 position: relative;
 text-align: left;
 width: 500px;
}
.ts-1-1 {
 border: none;
 height: 25px;
 left: 0px;
 line-height: 25px;
 padding: 0px;
 position: absolute;
 top: 0px;
 width: 167px;
}
.ts-1-2 {
 border: none;
 height: 25px;
 left: 167px;
 line-height: 25px;
 padding: 0px;
 position: absolute;
 top: 0px;
 width: 167px;
}
.ts-1-3 {
 border: none;
 height: 25px;
 left: 333px;
 line-height: 25px;
 padding: 0px;
 position: absolute;
 top: 0px;
 width: 167px;
}
.ts-1-4 {
 border: none;
 height: 24px;
 left: 0px;
 line-height: 24px;
 padding: 0px;
 position: absolute;
 top: 25px;
 width: 167px;
}
.ts-1-5 {
 border: none;
 height: 24px;
 left: 167px;
 line-height: 24px;
 padding: 0px;
 position: absolute;
 top: 25px;
 width: 167px;
}
.ts-1-6 {
 border: none;
 height: 24px;
 left: 333px;
 line-height: 24px;
 padding: 0px;
 position: absolute;
 top: 25px;
 width: 167px;
}
.ts-1-7 {
 border: none;
 height: 38px;
 left: 0px;
 padding: 0px;
 position: absolute;
 top: 49px;
 width: 167px;
}
.ts-1-8 {
 border: none;
 height: 38px;
 left: 167px;
 padding: 0px;
 position: absolute;
 top: 49px;
 width: 167px;
}
.ts-1-9 {
 border: none;
 height: 38px;
 left: 333px;
 padding: 0px;
 position: absolute;
 top: 49px;
 width: 167px;
}
.ts-1-10 {
 border: none;
 height: 24px;
 left: 0px;
 line-height: 24px;
 padding: 0px;
 position: absolute;
 top: 87px;
 width: 167px;
}
.ts-1-11 {
 border: none;
 height: 24px;
 left: 167px;
 line-height: 24px;
 padding: 0px;
 position: absolute;
 top: 87px;
 width: 167px;
}
.ts-1-12 {
 border: none;
 height: 24px;
 left: 333px;
 line-height: 24px;
 padding: 0px;
 position: absolute;
 top: 87px;
 width: 167px;
}
.ts-1-13 {
 border: none;
 height: 38px;
 left: 0px;
 padding: 0px;
 position: absolute;
 top: 111px;
 width: 167px;
}
.ts-1-14 {
 border: none;
 height: 38px;
 left: 167px;
 padding: 0px;
 position: absolute;
 top: 111px;
 width: 167px;
}
.ts-1-15 {
 border: none;
 height: 38px;
 left: 333px;
 padding: 0px;
 position: absolute;
 top: 111px;
 width: 167px;
}
.ts-1-16 {
 border: none;
 height: 24px;
 left: 0px;
 line-height: 24px;
 padding: 0px;
 position: absolute;
 top: 149px;
 width: 167px;
}
.ts-1-17 {
 border: none;
 height: 24px;
 left: 167px;
 line-height: 24px;
 padding: 0px;
 position: absolute;
 top: 149px;
 width: 167px;
}
.ts-1-18 {
 border: none;
 height: 24px;
 left: 333px;
 line-height: 24px;
 padding: 0px;
 position: absolute;
 top: 149px;
 width: 167px;
}
</style>
 </head>
 <body>
  <form>
   <div class="ts-1">
    <div class="ts-1-1">Etichetta</div>
    <div class="ts-1-2">Etichetta</div>
    <div class="ts-1-3">Etichetta</div>
    <div class="ts-1-4"><input></div>
    <div class="ts-1-5"><input></div>
    <div class="ts-1-6"><input></div>
    <div class="ts-1-7"><br>Etichetta</div>
    <div class="ts-1-8"><br>Etichetta</div>
    <div class="ts-1-9"><br>Etichetta</div>
    <div class="ts-1-10"><input></div>
    <div class="ts-1-11"><input></div>
    <div class="ts-1-12"><input></div>
    <div class="ts-1-13"><br>Etichetta</div>
    <div class="ts-1-14"><br>Etichetta</div>
    <div class="ts-1-15"><br>Etichetta</div>
    <div class="ts-1-16"><input></div>
    <div class="ts-1-17"><input></div>
    <div class="ts-1-18"><input></div>
   </div>
  </form>
 </body>
</html>

**KillerWorm** · 05-04-2014, 16:05

che è quella roba? ... carlo! ... sei con noi! ... carlooo! ...esssscciiiidaquestocorpo

**alexba64** · 05-04-2014, 17:34

Originariamente inviata da Vincent.Zeno

da notare che:

http://www.w3schools.com/tags/att_input_accept.asp

suggerimento di lettura:
http://stackoverflow.com/questions/1...-file-type-csv

difatti ho detto: "prova con"

**carlomarangoni** · 05-04-2014, 18:52

[Scusate senza volere ho sbagliato thread

**manu.fina** · 05-04-2014, 20:22

Ok, grazie mille per le risposte, era proprio quello che intendevo!

Discussione: Form di caricamento file che accetta solo file con estenzione .csv

Strumenti discussione

Ricerca discussione

Visualizza

Form di caricamento file che accetta solo file con estenzione .csv

Permessi di invio