Mi aplicación funcionaba bien en el navegador IE, pero al migrarlo a Chrome me enfrento a un problema determinado, en IE cada vez que hacemos clic en el botón Seleccionar archivo, luego buscamos y seleccionamos un archivo, después de eso, cuando hacemos clic nuevamente en el botón Seleccionar archivo podemos vea que el valor del archivo seleccionado se muestra en el nombre del archivo que se muestra en el cuadro de diálogo, pero en el caso de Chrome al hacer clic en el botón por segunda vez, el valor del nombre del archivo que se seleccionó antes no se muestra, ¿hay alguna forma de arreglar esto? .

He revisado muchas páginas, pero en todas partes se menciona que no podemos hacer nada con la opción de selección de archivos por razones de seguridad. ¿Hay alguna solución en este caso, ya que no estoy tratando de cargar el archivo, solo quería mostrar el nombre del archivo que se seleccionó previamente? Esto ya está sucediendo en el navegador IE, no estoy seguro de cómo habilitarlo en EDGE/Chrome.

 <label for="avatar">Choose a profile picture:</label> <input type="file" id="avatar" name="avatar">

En el código anterior, cuando hacemos clic en elegir archivo y seleccionamos un archivo, se selecciona, cuando hacemos clic en elegir archivo la próxima vez, en el navegador IE, el nombre del archivo ya seleccionado se muestra en el nombre del archivo, pero no sucede lo mismo en borde/cromo.