0

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

HTML 示例：

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

示例：

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()”。

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

4

1 回答 1

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

您需要使用ServletFileUpload.isMultipartContent(request);完全与 java 相关的 apache.commons.fileupload。

于 2013-10-13T18:35:22.760 回答