Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <form action="">
- <input type="file" value="Add new image" id="addPhoto">
- </form>
- <ul class="list">
- <li><img src="http://https://blog.shareaholic.com/wp-content/uploads/2015/06/shortlink.png" alt="" class="image"></li>
- <li><img src="http://http://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-icon.png?v=c78bd457575a" alt="" class="image"></li>
- </ul>
- function changePhoto(input) {
- if (input.files[0]) {
- var reader = new FileReader();
- reader.onload = function (e) {
- var source = e.target.results;
- $(".list").append("<li><img src="+source+"></li>")
- }
- reader.readAsDataURL(input.files[0]);
- }}
- $("#addPhoto").change(function()
- changePhoto(this);
- })
- .image {
- height: 100px;
- width: 100px;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement