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

Question

我需要在上传之前预览图像。我能够将文件路径从 View 传递到 Controller ，在使用内存流类的 Controller 中，我试图在将图像保存到数据库之前预览图像。任何人都可以提供给我吗任何样本或例子 谢谢!

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