업로드 및 디스플레이 이미지를 통해 파일을 통해 입력된 태그에서는 반응 돌아

0

질문

나는 입력된 태그 내부 구성 요소입 업로드하는 단일 이미지입니다.

<input 
      type="file"
      accept=".png,.jpeg"
      onChange={e => dispatch(setProfileImage(e.target.files[0]))}
/>

내가 무엇을 볼 수 있는,이미지가 저장된 상태에서 후 발송하는 행동에 저장하고 국가를 통해 감속기입니다.

나이에 다른 구성 요소에,나는 이미지에 액세스 상태에서 통해 useSelector 로 사용할 소스 이미지에 태그하지만,이미지가 나타납니다 깨진. 기본적으로하고,사용할 수 있도록 이미지가 저장된 상태에서의 원본으로는 이미지 태그입니다.

어떤 설명,튜토리얼에서,또는 링크를 크게 주시면 감사하겠습니다. 나는 사용하지 않도록 노력하고 백엔드 응용 프로그램으로 나는 일에 매우 작고 필요는 없지만 기꺼이하는 경우에는 가장 쉬운 대답이다.

감사합니다!

file-upload image react-redux reactjs
2021-11-22 09:05:55
1

최고의 응답

1

url 을 만듭에 대한 이미지에 넣어 src 의 img 태그:

   const ImageUrl =  URL.createObjectURL(file);

<img src={URL.createObjectURL(file)}  alt={file.name} />
2021-11-22 09:27:16

내가 가져올 필요가 무엇이든 또는 단순히 이 일을 하는 것은 충분한가요?
notacoder

그렇다고 내가 편집한 내 대답이다.그것은 당신을 도움이 될 수 있습니다.
Samira

stackoverflow.com/questions/38049966/... 확인에 대한 더 많
Samira

다른 언어로

이 페이지는 다른 언어로되어 있습니다

Русский
..................................................................................................................
Italiano
..................................................................................................................
Polski
..................................................................................................................
Română
..................................................................................................................
हिन्दी
..................................................................................................................
Français
..................................................................................................................
Türk
..................................................................................................................
Česk
..................................................................................................................
Português
..................................................................................................................
ไทย
..................................................................................................................
中文
..................................................................................................................
Español
..................................................................................................................
Slovenský
..................................................................................................................