Кто-нибудь знает, как сделать простую загрузку изображения и отобразить его на странице.
Это то, что я ищу.
- Пользователь (я) выберет изображение
- На странице будет отображаться изображение без обновления страницы или перехода к другому файлу.
- несколько
<img src>
будут делать, потому что мне нужно отображать разные размеры изображения.
Это был мой код. (Некоторые из них редактируются, я получил его из здесь)
<style>
/* Image Designing Propoerties */
.thumb {
height: 75px;
border: 1px solid #000;
margin: 10px 5px 0 0;
}
</style>
<script type="text/javascript">
/* The uploader form */
$(function () {
$(":file").change(function () {
if (this.files && this.files[0]) {
var reader = new FileReader();
reader.onload = imageIsLoaded;
reader.readAsDataURL(this.files[0]);
}
});
});
function imageIsLoaded(e) {
$('#myImg').attr('src', e.target.result);
$('#yourImage').attr('src', e.target.result);
};
</script>
<input type='file' />
</br><img id="myImg" src="#" alt="your image" height=200 width=100>