innerHTML - 이미지 사용

Question

업로드 한 파일을 이미지로 바꾸고 싶습니다.

<input type="file" id="userFile" name = "userFile" accept="image/*" value="Snap Picture" style="visibility:hidden;" onchange=" document.getElementById('a').innerHTML = 'File Uploaded';" /> 

내가 대신 업로드 된 파일의 IMG 태그를 시도했지만 작동하지 않습니다

여기 내 코드입니다.

도와 주시겠습니까?

감사합니다.

Answer 1

아마, 당신은 img 태그에 따옴표를 탈출하는 것을 잊었다 :

<input type="file" id="userFile" name = "userFile" accept="image/*" value="Snap Picture" style="visibility:hidden;" onchange=" document.getElementById('a').innerHTML = '<img src=\'image.png\'>';" /> 

나는 또한 텍스트 편집기에게 그것을 고정

Answer 2

OK를 강조 구문을 사용하는 것이 좋습니다 것입니다.

<input type="file" id="userFile" name = "userFile" accept="image/*" value="Snap Picture" style="visibility:hidden;" onchange=" document.getElementById('a').innerHTML = '<img src=\'image.png\'>';" />