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

时间:2012-07-03 04:11:10

标签: javascript asp.net-mvc-3

我需要在上传之前预览图像。我能够将文件路径从视图传递到控制器,在控制器中使用内存流类我试图在将图像保存到数据库之前预览图像。可以任何人提供给我任何样本或示例 谢谢!

2 个答案:

答案 0 :(得分:5)

<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

答案 1 :(得分:1)