39
Tengo un <input type="file" id="uploadPicture" value="123">¿No se puede obtener el valor de input type = "file"?
Cuando estoy usando: alert($("#uploadPicture").val());
alerta a un diálogo vacío.
A
Respuesta
34
Puedes leerlo, pero no puedes establecer él. value="123" se ignorará, por lo que no tendrá valor hasta que haga clic en él y elija un archivo.
Incluso entonces, el valor probablemente se truncará con algo como c:\fakepath\ para mantener los detalles del sistema de archivos del usuario en privado.
+2
Right - - los navegadores también tratan esto de otra manera, por ejemplo, firefox solo mostrará el nombre del archivo después de seleccionar un archivo, mientras que algunos pueden mostrar la ruta completa. No hay nada que puedas hacer realmente con este lado del cliente ... ¿qué estás tratando de lograr OP? – Atticus
4
$('input[type=file]').val()
Eso te dará el archivo seleccionado.
Sin embargo, no puede establecer el valor usted mismo.
3
No puede establecer el value de una entrada file en el marcado, como lo hizo con value="123".
Este ejemplo muestra que realmente funciona: http://jsfiddle.net/marcosfromero/7bUba/
6
lo puede conseguir mediante el uso de document.getElementById();
var fileVal=document.getElementById("some Id");
alert(fileVal.value);
dará el valor de archivo, pero da con fakepath de la siguiente manera
c:\fakepath\filename
+0
Recibí la ruta de acceso completa ... y usé expresiones regulares de la ruta para obtener el nombre de archivo solo ... – ashwinsakthi
-2
Quitar value = "123" que se ven muy bien. A continuación, intente:
$("file_selector").val();
Todavía hay un problema. Obtendrá un c: \ fakepath \ yourfile.extension.
+0
Hola y bienvenidos a Stackoverflow. ¿Te importaría expandir esta respuesta un poco más? – slm
+0
Intenté arriba para obtener un valor como $ ("file_selector"). Val(); pero estoy obteniendo c: \ fakepath \ yourfile.extension. Luego, usando lo que podré leer valor usando jquery. –
1
Es cuestión de edad, pero sólo en caso de que alguien golpee en esta banda de rodamiento ...
var input = document.getElementById("your_input");
var file = input.value.split("\\");
var fileName = file[file.length-1];
No hay necesidad de expresiones regulares, jQuery ....
43
@BozidarS: FileAPI está soportado bastante bien hoy en día y proporciona una cantidad de opciones útiles.
var file = document.forms['formName']['inputName'].files[0];
//file.name == "photo.png"
//file.type == "image/png"
//file.size == 300821
Cuestiones relacionadas
- 1. Comprensión <input type = "file">
- 2. ¿Puede EditorFor() usarse para crear <input type = "file">?
- 3. No se puede borrar input type = archivo en javascript jquery
- 4. Resuelva IE7 error "input type = file" onchange fire dos veces?
- 5. jQuery - INPUT type = File, Image FileType Validation options?
- 6. Leyendo archivos locales con <input type = "file">?
- 7. ¿Podemos cambiar <input type = "file"> style?
- 8. ¿Cómo hacer que <input type = "file" /> editable?
- 9. Html helper for <input type = "file" />
- 10. <input type = "file"> - custom styles/css
- 11. ¿Cómo seleccionar múltiples archivos con <input type = "file">?
- 12. JQuery Check Input File
- 13. ¿Cómo obtener la ruta del archivo en html <input type = "file"> en PHP?
- 14. Poner en valor por defecto <input type = archivo ....>
- 15. no se puede obtener el evento de mover el mouse de/dev/input/event *
- 16. No se puede obtener el valor de CKEditor w/Jquery
- 17. ¿Cómo obtener el nombre del archivo cuando el usuario selecciona un archivo a través de <input type = "file" />?
- 18. PHP Real file type
- 19. jQuery: simular un clic en un <input type = "file" /> no funciona en Firefox?
- 20. HTML File input JS events
- 21. jQuery: obtenga el nombre de archivo seleccionado de <input type = "file" />
- 22. Chrome input type = "número" de estilo CSS
- 23. controlar el directorio de trabajo para <input type = "file">?
- 24. ics file mime type
- 25. <input type = "file"> límite de archivos seleccionables por extensiones
- 26. input type = "submit" en lugar de input type = "button" con AJAX?
- 27. ¿No se puede obtener el valor de UIAStaticText?
- 28. Cómo limitar elementos máximos en una entrada múltiple (<input type = "file" multiple />)
- 29. El uso de comillas dobles en un valor 'input type =' text '' no funciona, ¡la cadena se detiene en comillas dobles!
- 30. Ancho de input type = elemento de texto
¿Cuándo llamas a esa alerta? –
Comprueba esto: http://stackoverflow.com/questions/4459379/preview-an-image-before-it-is-uploaded y http://jsfiddle.net/LvsYc/638/ pueden ayudarte: D – Jaider