Estoy desarrollando una extensión de Chrome que usa un <input type="file"> dentro de popup.html .

El problema es:

• Cuando se prueba dentro chrome-extension://ID_EXTENSION/popup.html , funciona como se esperaba.

  • Nota : no sé por qué este método de depuración de la extensión no es lo primero que se menciona en la guía de inicio .

• Cuando se prueba en un entorno normal (haciendo clic en la extensión), el archivo no se carga correctamente. Tal vez se deba a que, cuando se abre el cuadro de diálogo del selector de archivos, las extensiones de Chrome se cierran .

Ejemplo de código de cómo se implementa esto:

ventana emergente.html

 <div id="footer" class="popup_footer"> <label for="upload" class="badge upload"> &#11014; </label> <input type="file" id="upload" href="#" title="&#128190;" /> </div>

emergente.js

 document .getElementById("upload") .addEventListener("change", function(e) { var file = e.target.files[0]; var reader = new FileReader(); reader.onload = function(e) { var data = JSON.parse(e.target.result); chrome.storage.sync.set({data: data}) }; reader.readAsText(file)

Como solución probé:

1. Cárguelo en la URL chrome-extension mencionada anteriormente.
2. Usando una página auxiliar options.html

¿Hay una manera de lograr esto sin una solución alternativa? Gracias por adelantado