Javascript 显示的图像在运行方式服务器的类型文件中输入,但在浏览器中未显示
我想输入一个图像文件,在上传到spring项目的Javascript 显示的图像在运行方式服务器的类型文件中输入,但在浏览器中未显示,javascript,java,html,spring,jsp,Javascript,Java,Html,Spring,Jsp,我想输入一个图像文件,在上传到spring项目的jsp页面之前,我想在特定的中显示该文件。当我在eclipse上以服务器运行项目时,它会在我输入文件后显示图像。但在浏览器中,图像不会显示 这是我的index.jsp: <div class="col-sm-6 ownPic"> <div class="row"> <div id="imgContainer"></div>
jsp
页面之前,我想在特定的
中显示该文件。当我在eclipse上以服务器运行项目时,它会在我输入文件后显示图像。但在浏览器中,图像不会显示
这是我的index.jsp:
<div class="col-sm-6 ownPic">
<div class="row">
<div id="imgContainer"></div>
<br/>
<img id="blah" src="#" alt="your image" />
<input type="file" name="file" id="image"/><br><br>
</div>
</div>
清理浏览器的缓存。让我知道这是否解决了问题。:)
$("#image").on('change',prepareLoad);
function prepareLoad(event)
{
files=event.target.files;
readURL(this);
}
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#blah')
.attr('src', e.target.result)
.width(150)
.height(200);
};
reader.readAsDataURL(input.files[0]);
}
}