Javascript 上载文件在Chrome扩展选项页中不起作用

我正在开发一个带有选项页的chrome扩展。在那个页面上，我设置了一个上传图像选项，但无法用javascript加载文件。我尝试了许多解决方案（，…），但没有一个奏效。奇怪的是，即使html代码中的“onclick”属性也不会调用相应的函数。下面是一个代码示例：

HTML示例：

<input type="file" name="uploadImage" id="uploadImage" />
<button type="submit" id="imageUpload-btn" onclick="myFunction();">Upload</button>

我在第一个警报中获得了文件的路径，但之后总是错误警报。函数“myFunction（）”没有被调用，但是如果我直接在浏览器中打开文件，“onclick”触发器工作，并且调用“myFunction（）”

我做错了什么？我错过了什么

<form name="Upload" action="#" enctype="multipart/form-data" method="post">
   <p>Filename: <INPUT type="file" name="submitfile" id = "submitfile" />
   <INPUT type="button" value="Send" onClick="checkSize();" />
   </form>

---

您需要转到apache.commons.fileupload

ServletFileUpload.isMultipartContent（请求）完全与java相关
 文件输入的值不是文件的实际路径（由于浏览器的安全性）。你打算通过ajax上传这张图片吗？如果可能的话，我只想用javascript上传并保存在chrome.storage中。我尝试过一个代码，它将图像存储在localStorage中（html5，我怀疑它是来自此页面的图像），但是它在chrome扩展的选项页面中不起作用，但是如果我直接在浏览器中打开option.html文件，它就可以正常工作。这一定是一些关于hanks的东西，但我知道如何制作表单并使用服务器端代码（PHP、JSP等）来获取帖子或获取操作，但我需要带有javascript的浏览器端代码，因为我没有服务器，需要在浏览器端上传它。
<form name="Upload" action="#" enctype="multipart/form-data" method="post">
   <p>Filename: <INPUT type="file" name="submitfile" id = "submitfile" />
   <INPUT type="button" value="Send" onClick="checkSize();" />
   </form>

 im.src = document.getElementById('submitfile').value;