我想在春季项目的<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>
这是我的addEmployee.js:
$("#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]);
}
}
答案 0 :(得分:1)
清理浏览器的缓存。如果这解决了问题,请告诉我。 :)