显示的图像在作为服务器运行时输入的类型文件中但未显示在浏览器

时间:2017-01-11 10:09:01

标签: javascript java html spring jsp

我想在春季项目的<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]);
        }
    }

This is the run as a server on eclipse

This is the browser

1 个答案:

答案 0 :(得分:1)

清理浏览器的缓存。如果这解决了问题,请告诉我。 :)