上传文件在 Chrome 扩展选项页面中不起作用

Question

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

HTML 示例：

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

javascript 示例：

jQuery("#imageUpload-btn").click(function(){
    var image = new Image();
    image.src = jQuery("#uploadImage").val();
    alert(image.src);
    image.onload = function(){
        alert("on load");
    }
    image.onerror = function(){
        alert("error");
    }
});

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

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

Answer 1

<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>

你在这里使用enctype="multipart/form-data"这种类型我们没有使用权限

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

你需要去 apache.commons.fileupload ServletFileUpload.isMultipartContent(request); 这完全是 java 相关的。