메모리 스트림을 사용하여 업로드하기 전에 이미지를 미리 보는 방법

upload.I 전에 이미지를 미리보아야합니다. 메모리 스트림 클래스를 사용하는 컨트롤러에서보기에서 파일 경로를 전달할 수있었습니다. 저장하기 전에 이미지를 미리 봅니다. 어떤 사람이 내게 어떤 샘플이나 예제를 제공 할 수 있습니까? 감사합니다!메모리 스트림을 사용하여 업로드하기 전에 이미지를 미리 보는 방법

출처

2012-07-03 SahithiPinisetty

질문을 개선하십시오이 링크를 사용해보십시오 URL을하시기 바랍니다 : 태그를 사용하고 있는지 확인하고, "파일 경로"가 가리키는 위치를 명확히하십시오 (로컬 사용자 컴퓨터 파일 경로, 서브 r 사이드 경로 기존 파일, 서버 쪽 경로 임시 파일, 다른 경로?). –

asp.net mvc3을 사용하고 있습니다. 경로는 "C : /foldername/imagename.jpg"인 로컬 사용자 시스템 파일 경로입니다. 서버 측 스크립팅을 사용하여 업로드하기 전에 미리보기를해야합니다. @ Alexeli Levenkov – SahithiPinisetty

질문을 편집하십시오. 위의 정보와 함께, 언어 (VB.Net, IronPython ...)를 지정하십시오. 참고 : 서버가 사용자 컴퓨터의 파일에 액세스 할 수 없기 때문에 로컬 파일 경로는 서버 측 스크립트에 유용하지 않습니다. 어떻게/왜이 경로를 서버로 가져 가고 있습니까? –

<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

출처

2012-07-03 05:56:23 gaurang171

솔루션을 주셔서 감사합니다. 저는 이미이 솔루션을 구현했으며, FF와 크롬 브라우저를 사용하고 있습니다. IE9에 대한 서버 측 스크립팅을 사용하여 구현하고 싶습니다. 다행히도 저는 문제를 해결했습니다 :-) – SahithiPinisetty

어떻게 IE ? – jpo