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完全相关。

上传文件无法在Chrome扩展程序选项页面中使用

1 个答案: