cómo ocultar la ubicación del archivo en <input type = 'file'>?

Question

Duplicar posibles:
How to hide text field in Html File Upload

Soy la creación de un cargador de imágenes AJAX que permitirá a un usuario para elegir un archivo, una vista previa con AJAX y, a continuación, haga clic en un botón de envío para salvar su elección.

Debido a la forma en que funciona mi cargador AJAX, que siempre dice "no hay ningún archivo elegido", incluso después de que el usuario ha seleccionado y se previsualizar una imagen. No quiero ocultar el botón en caso de que el usuario quiera volver a intentarlo. Sé que podría usar algunos javascript para alternar entre un botón 'elegir archivo' y 'seleccionar otro' o algo similar, pero prefiero mantener el botón original para que el usuario no tenga que hacer clic en un grupo de diferentes botones.

Editar: pensé que mi pregunta sería obvio, supongo que no fue ya me estoy acercando votos ...

Answer 1

Suponiendo que entiendo sus necesidades, consulte this article. Es una solución JS, que supongo que no será un problema ya que ya está usando AJAX.

Le permite aplicar estilo a una entrada de archivo, por lo que con un poco de creatividad, debería poder ocultar el texto no file chosen.