Как загрузить файл JSON с расширением?

Question

Я пытаюсь создать расширение Chrome, и по этой конкретной причине я хочу, чтобы мое расширение считывало файл из моей системы, но при нажатии на него открывается всплывающее окно с системной папкой по умолчанию, и когда я нажимаю на это расширение, оно закрывается. Это должно прочитать данные.

Мой код идет сюда:

HTML:

    <div class="outer_area">
    <form id="your_form" method="post" enctype="multipart/form-data">
    <input class="input-btn start-button div_one" type="file" id="fileUpload" />
    <button class="input-btn end-button div_two">Convert to sql</button>   
   </div>

popup.js

document.querySelector(".start-button").addEventListener("click", function () {
    chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
        chrome.tabs.sendMessage(tabs[0].id, {action: "start"});
    });
});
document.querySelector(".end-button").addEventListener("click", function () {
    alert('request sent');
   chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
        chrome.tabs.sendMessage(tabs[0].id, {action: "end"});
    });
});

content.js: -

chrome.runtime.onMessage.addListener(   
function(request, sender, sendResponse)      
{  
  if(request.action == 'start')
  {
     alert('resquest recived');
     window.open(chrome.extension.getURL("html/popup.html"));

  }

   else if(request.action == 'end')           
   {
            alert('request recived')

    }
   else
   {
    alert('Wrong button placed')
   }


});