파일첨부 시 미리보기 기능 채택완료

에어진 12개월 전 조회 1,134

답변 1

이미지나 동엉상을 파일 인풋에서 첨부했을때 미리보기하는방법이 있을까요?동영상은 특정부분의 스크린샷이 보이면 좋구요. 자바스크립트로 new filereader로 해보고는 있는데 너무 복잡해지네요

#미리보기

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

정렬:

채택된 답변

+20 포인트

세크티

12개월 전

preview_url나온걸로 img src에 넣어주시면됩니다. 동영상도 video태그 만들어서 src에 넣고 video.currentTime = 10; 같이 10초부분에서 멈추도록해주면 될거같네요

</p>

<pre>
$("input[name*='bf_file']").change(function () {
    var input = $(this)[0];
</pre>

<pre>
    var file_type = input.files[0].type.split("/")[0];</pre>

<pre>
if(file_type!='video' && file_type!='image'){
    return;
}
</pre>

<pre>
var preview_url = URL.createObjectURL(input.files[0]);</pre>

<pre>

});</pre>

<p>

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인

파일첨부 시 미리보기 기능 채택완료

답변 1개

공유하기