Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/java/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 显示的图像在运行方式服务器的类型文件中输入,但在浏览器中未显示_Javascript_Java_Html_Spring_Jsp - Fatal编程技术网

Javascript 显示的图像在运行方式服务器的类型文件中输入,但在浏览器中未显示

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>

我想输入一个图像文件,在上传到spring项目的
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]);
        }
    }