2012-07-03 114 views
0

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

+1

请完善你的问题,因此是不可能回答:标记您正在使用的语言,阐明“文件路径”指向的位置(本地用户计算机文件路径,服务现有文件的r侧路径,临时文件的服务器端路径,其他路径?)。 –

+0

我正在使用asp.net mvc3。路径是本地用户机器文件路径,它是“C:/foldername/imagename.jpg”。我需要使用服务器端脚本在上传前预览图像。@ Alexeli Levenkov – SahithiPinisetty

+1

请编辑您的问题以上信息,并指定语言(VB.Net,IronPython ...)。注意:本地文件路径对于服务器端脚本并不完全有用,因为服务器显然无法访问用户计算机上的文件。如何/为什么你得到这个服务器的路径? –

回答

4
<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> 

我创造斌还尝试使用此链接http://codebins.com/codes/home/4ldqpc4

+0

感谢您的解决方案,我已经实现了这个解决方案,它的工作正常与FF和铬浏览器,并且我想实现使用服务器端脚本为IE9。幸运的是我解决了我的问题:-) – SahithiPinisetty

+0

请问你是如何使用IE ? – jpo

相关问题