curl_setopt_array($curl, [
CURLOPT_URL => "SECRETig=$test1",
CURLOPT_RETURNTRANSFER => true,
CURLOPT_ENCODING => "",
CURLOPT_MAXREDIRS => 10,
CURLOPT_TIMEOUT => 30,
CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
CURLOPT_CUSTOMREQUEST => "GET",
CURLOPT_HTTPHEADER => [
"X-RapidAPI-Host: "SECRET",
"X-RapidAPI-Key: "SECRET"
],
]);
$response = curl_exec($curl);
$err = curl_error($curl);
curl_close($curl);
$res=json_decode($response,1);
$tobased=$res[0]['hd_profile_pic_url_info']['url'];
if($res[0]['hd_profile_pic_url_info']['url'])
{
$newArr="data:image/png;base64,".base64_encode(file_get_contents($imageurl));
echo $newArr;
The code above is PHP code and when used in this way, I can use the Instagram profile photo without CORS error.
But I need to do my work in Javascript, so I am sending a request in Javascript as follows:
let getProfileFhoto = (inputUsername) => {
let fetchURL = `SECRET?ig=${inputUsername}`
let fetchHeaders = {
"X-RapidAPI-Host": "SECRET",
"X-RapidAPI-Key": "SECRET"
}
return fetch(fetchURL, {headers: fetchHeaders}).then(response => response.json()).then(data => data[0]["hd_profile_pic_url_info"]["url"]).catch(error => 0)
}
if(usernameProfileFhotoURL.startsWith("http")){
usernameProfileFhoto.src = usernameProfileFhotoURL
}else{
usernameProfileFhoto.src = "images/logoig.png"
}
But when I add it to img in javascript, net::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin 200 (OK) I am getting an error