취업/PHP

[php]자바스크립트 "qr코드 만들기"

카슈밀 2021. 4. 21. 22:59
반응형
  $('#createBtn').click(function(){
		// input에 입력하는 값들을 뽑아서 변수에 저장
	      let text = $('#add_text').val();
	      // encodeURIComponent로 인코딩 합시당. 
          // 이걸로 인코딩하는 이유는 배웠었는데 까먹었다.. 검색해봐야지.
		  // 이유는 한글로 말해야 알아듣듯이 컴퓨터도 알아들을 수 있도록 인코딩해줘야 하니까.
	      text = encodeURIComponent(text);
	      // 뒤에 코드가 길어지니까 그냥 한번 변수에 주소를 저장
	      googleQRUrl = "https://chart.googleapis.com/chart?chs=400x400&cht=qr&chl=";
          // 이미지가 나타날 영역에 원하는 내용을 넣은 QR code의 이미지를 출력합니다.
          // 여기 주소 부분을 변경해주면 원하는 값을 언제든 맘대로
	      	$('#qrimg').attr('src', googleQRUrl + text +'&choe=UTF-8');
});

 

위 내용대로 하면 된다.

다 만들어놓고 왜 안되나 했더니 id값을 넣어주면서 실제 tag에선 class 태그로 해놨었음..

 

<script src="https://ajax.googleapis.com/ajax/libs/cesiumjs/1.78/Build/Cesium/Cesium.js"></script>

$.cookie is not a function 에러가 뜬다면 그냥 

해당 스크립트의 위치를 상단으로 바꿔주자.

위치가 너무 하단이라 해당 스크립트가 호출될때 해당 부분이 없어서 나는 error

 

출처

modakbull.tistory.com/8

 

QR Code 만들기 (jQuery & Google Developers)

Google에서 제공해주는 url과 jQuery를 이용해서 내가 원하는 QR code를 간단하게 만들어 봅시다. jQuery를 이용하려면 꼭 필요한 거... 구글에서 그냥 받아오기 스크립트 부분 HTML 부분 제목 감독 장르

modakbull.tistory.com

 

 

728x90