게시판에서 확장변수를 생성하면 게시판과 연결한 위젯 폼에서 확장변수를 이용할 수 있다.
보통 문의 폼을 만들 때 쓴다.
이번에 sign pad에 서명을 하면 그 이미지 데이터를 관리게시판으로 보내는 기능을 만들어보라고 해서 업무 틈틈히 도전해봤다.
1) toDataURL()를 사용, base64 를 뽑아낸다.
canvas에 서명을 하고
var res=canvas[0].toDataURL();
를 이용해 이미지를 base64로 변환할 수 있다.
콘솔로 확인 해 보면 긴 문자를 볼 수 있다.
2) base64를 img의 src값에 넣으면 이미지로 변환 될 것이다.
base64는 실제 이미지는 아니지만
이미지로 안내해주는 경로이다.
그럼 이 경로값을 잘 전달해서 img src값에 집어넣으면 이미지 전달을 할 수 있지않을까? 하는 생각이 들었다.
- 우선 위젯 폼 입력란은 input이다.
이 input창을 visiability나 opacity를 이용해 보이지 않게 만들고 js를 이용해 value값에 base64값을 넣었다.
- 위젯에서 입력한 값은
{$val->getValueHTML()|noescape} 를 통해 게시판으로
데이터가 이동된다.
그럼 img src="{$val->getValueHTML()|noescape}"
해주면 끝!
구글에 sign ajax sign data sign...어쩌구
검색해봤는데 ajax를 이용해 전달하는 방법이 제일 많았다. 근데 다 실패함 ㅡㅡ;
거듭실패로 굳이..이 방법을 베낄 필요가 있나? 하는 생각이 들었고 기본적인 base64의 역할(+ 1g의 php 지식)을 다시 되새겨보니 돌파구가 생겼다.