如何在使用内存流上传之前预览图像

Question

我需要预览图像upload.I能够使用在保存之前内存流类我试图预览图像database.Could任何一个向我提供任何样品从视图中传递的文件路径控制器,控制器或之前这个例子谢谢!

Answer 1

<script type="text/javascript">        
    function readfile(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();

            reader.onload = function(e) {
                $('#image_preview').attr('src', e.target.result);
            }

            reader.readAsDataURL(input.files[0]);
        }
    }
</script>



 <form id="form1">
  <input type='file' onchange="readfile(this);" />
  <img id="image_preview" src="#" alt="your image" width="200" height="200"/>
</form>

我也创建了bin,尝试使用此链接http://codebins.com/codes/home/4ldqpc4