2017-01-11 7 views
1

春プロジェクトのjspページにアップロードする前に、具体的に表示したい画像ファイルを<div>に入力します。私がこのプロジェクトをとして実行してサーバとして実行すると、ファイルを入力した後に画像が表示されます。しかし、ブラウザでは、画像は表示されません。サーバとして稼働しているがブラウザに表示されていないタイプファイルに入力された画像が表示されます

<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

は、ブラウザのキャッシュをきれいに

は、ここに私のindex.jspです。これで問題が解決した場合はお知らせください。 :)

関連する問題