Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <img id="preview" src="placeholder.png" height="100px" width="100px" />
- <input type="file" name="image" onchange="previewImage(this)" accept="image/*"/>
- <script type="text/javascript">
- function previewImage(input) {
- var preview = document.getElementById('preview');
- if (input.files && input.files[0]) {
- var reader = new FileReader();
- reader.onload = function (e) {
- preview.setAttribute('src', e.target.result);
- }
- reader.readAsDataURL(input.files[0]);
- } else {
- preview.setAttribute('src', 'placeholder.png');
- }
- }
- </script>
- <input type="file" accept="image/*" onchange="showMyImage(this)" />
- <br/>
- <img id="thumbnil" style="width:20%; margin-top:10px;" src="" alt="image"/>
- function showMyImage(fileInput) {
- var files = fileInput.files;
- for (var i = 0; i < files.length; i++) {
- var file = files[i];
- var imageType = /image.*/;
- if (!file.type.match(imageType)) {
- continue;
- }
- var img=document.getElementById("thumbnil");
- img.file = file;
- var reader = new FileReader();
- reader.onload = (function(aImg) {
- return function(e) {
- aImg.src = e.target.result;
- };
- })(img);
- reader.readAsDataURL(file);
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement