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]);
}
}