이미지를 클릭하여 IP 주소를 추적하십시오.

Question

스크립트 (PHP 또는 JavaScript)를 결합하여 이미지 또는 비디오를 만들고 싶습니다. 그래서 누구 (IP 주소)가 이미지를 열거 나 비디오를 볼 수 있는지 알고 있습니다.

내 선택한 태그가 잘못되었을 수 있습니다. 알 수 있으면 도와주세요. 감사합니다.

Answer 1

이미지를 버튼으로 사용하고 JavaScript 기능을 호출 할 수 있습니다. 이 함수는 원하는 데이터를 반환하는 API를 호출해야합니다.

<img onclick="javascript:getIPData()" src="China-Flag-256.png" /> 
<script> 
    function getIPData() { 
     var request = new XMLHttpRequest(); 
     request.open('GET', 'http://freegeoip.net/json/', true); 

     request.onload = function() { 
      if (request.status >= 200 && request.status < 400) { 
       // Success! 
       var data = JSON.parse(request.responseText); 
      } else { 
       // We reached the service, but it returned an error 
      } 
     }; 

     request.onerror = function() { 
      // Deal with connection error here 
     }; 

     request.send(); 
    } 
</script> 

는 반환합니다

{ 
    "ip": "116.12.250.1", 
    "country_code": "SG", 
    "country_name": "Singapore", 
    "region_code": "01", 
    "region_name": "Central Singapore Community Development Council", 
    "city": "Singapore", 
    "zip_code": "", 
    "time_zone": "Asia/Singapore", 
    "latitude": 1.2931, 
    "longitude": 103.8558, 
    "metro_code": 0 
} 

당신이 다른 질문에서 How to get client's IP address using JavaScript only?