[JQUERY] 이 업로드하기 전에 이미지를 미리보기

이 업로드하기 전에 이미지를 미리보기

해결법

1. ---

   1.아래의 샘플 코드를 살펴 보시기 바랍니다 :

   아래의 샘플 코드를 살펴 보시기 바랍니다 :

   readURL 함수 (입력) { 경우 (input.files && input.files [0]) { VAR 리더는 새로운을 FileReader를 () =; reader.onload = 함수 (E) { $ ( '# ㅋ') ATTR ( 'SRC', e.target.result).; } reader.readAsDataURL (input.files [0]); // base64로 문자열로 변환 } } $ ( "# imgInp"). 변화 (함수 () { readURL (이); }); <스크립트 SRC = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"> <형태 RUNAT = "서버">

   또한, 여기에이 샘플을 시도 할 수 있습니다.

2. ---

   2.당신이 할 수있는 몇 가지 방법이 있습니다. 가장 효율적인 방법은 <입력>에서 파일에 URL.createObjectURL ()를 사용하는 것입니다. 제공된 이미지를로드 브라우저에게 img.src이 URL을 전달합니다.

   당신이 할 수있는 몇 가지 방법이 있습니다. 가장 효율적인 방법은 <입력>에서 파일에 URL.createObjectURL ()를 사용하는 것입니다. 제공된 이미지를로드 브라우저에게 img.src이 URL을 전달합니다.

   다음은 그 예이다 :