파일첨부 시 미리보기 기능

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
파일첨부 시 미리보기 기능

QA

파일첨부 시 미리보기 기능

본문

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

이 질문에 댓글 쓰기 :

답변 1

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



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



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


if(file_type!='video' && file_type!='image'){
    return;
}



var preview_url = URL.createObjectURL(input.files[0]);



});

답변을 작성하시기 전에 로그인 해주세요.
전체 33
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT