js实现上传图片的预览效果

文件上传表单 onchange = imageshow(this);

JS 代码，利用 h5 FileReader:

            function imageshow(ee){

                var file = ee.files[0];
                var imageid = ee.id;
                if (window.FileReader) {
                       var fr = new FileReader();
                       fr.onloadend = function(e) {
                          document.getElementById(imageid+'1').src = e.target.result;
                       };
                       fr.readAsDataURL(file);
                }else{
                    alert('您的浏览器版本低，上传图无法预览');
                    return false;
                }

            }

注： 可以利用 for 循环 实现 多图预览。