온라인으로 사인받기 (계약서, 동의서등) > 그누보드5 팁자료실

그누보드5 팁자료실

온라인으로 사인받기 (계약서, 동의서등) 정보

온라인으로 사인받기 (계약서, 동의서등)

첨부파일

sign.zip (4.5K) 245회 다운로드 2021-11-09 21:24:06

본문

2000880543_1636460609.3735.png

 

 

 

 

 

2000880543_1636460637.2348.png

 

온라인으로 계약서 또는 동의서 등에 사용자의 사인을 받기 위해 제작되었고, CANVAS로 사인을 받습니다.
첨부된 샘플 파일을 참고하여 계약서나 동의서등 사인받는 위치에 추가하여 활용하시면 될듯 합니다.
 

총 3개의 파일로 되어 있습니다.

sign.php

sign.css

sign.js

 

테스트페이지 : http://new.suu.kr/page/sign.php

테스트페이지는 이해를 돕기위해 제작된 페이지로 이미지가 저장되거나 일부 기능은 작동하지 않습니다.

 

 

기본적으로 그누보드에서 사용하도록 되어 있으나 php 파일 코드를 수정하여 다른 곳에서도 충분히 사용할 수 있습니다.
계약서번호나 특정 문자를 배경으로 추가하여 서명을 다른곳에 사용하지 못하도록 방지할 수 있습니다.

Canvas에서 그려진 데이타는 이미지데이타를 DB에 직접 저장하거나 이미지 파일로 저장하시면 됩니다.
이미지 데이타를 이미지파일로 변환하려면 아래와 같은 방식으로 처리하시면 됩니다.


// 여기서부터 서명 base64 이미지로 저장하기.
// $filePATH 는 서명이미지가 저장될 위치입니다.
$_tmp = explode(";base64,", $_POST['signature']);
if(count($_tmp) > 0) {
    $signFilename = $member['mb_id'] . "_" . $id_no . "_" . $res['ctNo'] . "_sign.png"; // {회원아이디}_{계약서고유번호}_{계약번호}_sign
    $signFilePATH = $filePATH . $signFilename; // 사인파일
    $signImageData = base64_decode($_tmp[1]);
    $fp = fopen($signFilePATH, "wb");
    if($fp) {
        fwrite($fp, $signImageData);
        fclose($fp);
        echo "서명파일 생성 성공";
    }
    else {
        $signFilename = ""; // 서명파일 생성 실패시
        echo "서명파일 생성 실패";
    }
}
추천
29

댓글 21개

이메일보내기도 가능하죠..
네이버는 이메일보낼때 이미지 발송이 됩니다. 구글은 안되더라고요..
그점 확인하시고 사용하시면 더욱 좋을것 같습니다.
추천은 기본이라 배웠습니다. ^^
이렇게 요청하 소스를 공개해 주셔서 감사합니다. 갑자기 바빠져서 이제서야 적용해 봅니다.
비 전문가 입장에서 질문있습니다. 답변 가능 하시면 부탁드리겠습니다.
먼저 감사 드립니다.

[질문]
그누보드가 아닌 일반 페이지에 적용 중입니다.
아래와 같이 그누보드 아닌 것은 주석처리 했습니다. 하지만 css/script 부분은 필요한 부분 같은데 그대로 두니 오류가 나옵니다. 아래 설치 URL 참고 해주세요.
설치 URL: https://url.kr/web_tools/sign/
"include_once('./_common.php');"와 include_once(G5_PATH.'/_head.php');"코드는 그누보드에서 필수적으로 필요한 파일들을 포함합니다.

만약, 댓글처럼 주석처리를 하게 되면 그누보드에서 사용하는 함수나 각종 함수 및 CSS나 JS 파일을 포함하지 않기 때문에  정상적으로 작동하지 한게 됩니다.

add_javascript나 add_stylesheet 같은 함수는 그누보드에서 선언된 함수로 그누보드 최상단의 "common.php"파일을 포함하여야 하고, 위 함수들의 위치는 "/lib/common.lib.php" 파일에 포함되어 있습니다.

그리고, jquery를 기본적으로 사용하기 때문에 jquery 라이브러리를 포함하여야 합니다.
전체 2,426 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

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