我的 Web 应用程序在 tomcat6 上运行,我正在使用Wicket来开发它。我要做的是将图像文件上传到服务器并在上传后立即显示在网页上。我正在通过 AJAX 上传文件,如此处所述。该文件被上传,它存储在磁盘的/home/mysuser/
路径中。上传文件后,我正在执行 JavaScript 以将该文件加载到 HTML 对象中:
检票口代码:
protected void onSubmit(AjaxRequestTarget target, Form<?> form)
{
target.appendJavaScript("loadOriginalImage(\""+
(UPLOAD_FOLDER + TMP_FILE_NAME1)+"\")");
}
JavaScript 代码:
function loadOriginalImage(image_path){
var curImg = new Image();
curImg.src = "file://"+image_path;
curImg.onload = function(){
imgHolder.appendChild(this);
}
}
文件上传好了,但是执行JavaScript的时候,出现下一个错误:
Not allowed to load local resource
然后我尝试"file://"
从 JavaScript 代码中删除,因为我发现该文件是从客户端的本地文件夹中读取的,而不是从服务器的。但是这次我遇到了下一个错误:
GET http://localhost:8080/home/myuser/originalImg.jpg 404 (Not Found)
所以我有两个问题:
1.如何在 JavaScript 中指定上传文件的正确路径?
2.我的策略是在上传到服务器后加载到网页的策略是否正确?