顯示在作為服務器運行時在類型文件中輸入但未在瀏覽器中顯示的圖像

Question

我想輸入一個圖像文件，在上傳到我的 spring 項目的jsp頁面之前，我想在特定的<div>顯示該文件。 當我在 eclipse 上以run as server運行項目時，它在我輸入文件后顯示圖像。 但在瀏覽器中，圖像不顯示。

這是我的 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]);
        }
    }

Answer 1

清理瀏覽器的緩存。 讓我知道這是否解決了問題。 :)