我试图从Twitter REST API中提取图片并显示这些图片。
我的PHPHTML代码在本地PHP内置开发服务器的浏览器中不能显示图片,这让我陷入了逻辑僵局。 我更喜欢Firefox,因为它是更安全的(私人)浏览器,所以我首先在Firefox中开发。
我以为图片不显示的问题可能是Twitter不允许热链接到他们的图片的问题,但是我刚刚在Chrome和Internet Explorer浏览器中测试了同样的代码(如下),所有的图片都显示正常。
所以我[更新]的问题是:为什么这些图片在Firefox或Firefox开发者版浏览器中都没有出现? Twitter显然没有问题,因为通过他们的API提取的图片的热链接,在Chrome和Internet Explorer浏览器中都能正常显示。
谁有这个有趣问题的答案?
<!DOCTYPE html>
<html lang="en">
<head>
<?php
// USED TO DEBUG WHY HTTPS WAS NOT WORKING IN THE BEGINNING
// var_dump(stream_get_wrappers());
?>
<?php
// REQUIRE TWITTEROAUTH LIBRARY
require "twitteroauth/autoload.php";
// I HAVE HACKED AROUND WITH THIS, BUT DON'T SEE WHY ABRAHAM IS NECESSARY SINCE THERE IS NO FOLDER NAMED ABRAHAM,
// BUT CODE DOES NOT WORK WITHOUT THIS, SO LEAVE IT IN! :)
use Abraham\TwitterOAuth\TwitterOAuth;
// DECLARE VARIABLES OF KEYS, SECRET, TOKEN, & TOKEN_SECRET
$CONSUMER_KEY = "12345";
$CONSUMER_SECRET = "12345";
$access_token = "12345";
$access_token_secret = "12345"
// DEFINE NEW CONNECTION VARIABLE: I.E. CONNECTION TO TWITTER VIA TWITTEROAUTH
$connection = new TwitterOAuth($CONSUMER_KEY, $CONSUMER_SECRET, $access_token, $access_token_secret);
// CREATE MULTIPLE-PARAMETER QUERY AS ARRAY
$query = array(
"q" => "#MickeyMouse",
"count" => "1000",
"include_entities" => "true"
);
// MAKE CONNECTION TO TWITTER, GET METHOD FOR "SEARCH/TWEETS", PASS ARRAY AS QUERY
$result = $connection->get("search/tweets", $query);
// TEST OUTPUT FOR DEBUGGING
//var_dump($result);
// CREATE VARIABLES: NEW EMPTY ARRAYS
$ArrayPhotoURLs = array();
// FOR LOOP,
foreach ($result->statuses as $content) {
// IF EACH TWEET/STATUS HAS MEDIA,
if (isset($content->entities->media)) {
// THEN GET THOSE MEDIA URLS
foreach ($content->entities->media as $media) {
$media_url = $media->media_url; // Or $media->media_url_https for the SSL version.
// AND ASSIGN/APPEND EACH MEDIA URL TO THE ARRAY OF MEDIA URLs
$ArrayPhotoURLs[] = $media_url;
// TEST OUTPUT FOR DEBUGGING
//print(gettype($media_url));
//print_r($media_url);
//var_dump($media_url);
}
}
}
// TEST OUTPUT FOR DEBUGGING
//var_dump($ArrayPhotoURLs);
// COUNT IMAGES IN ARRAY OF TWITTER IMAGE URLS - TO BE USED BELOW TO CREATE DYNAMIC LIST / ANCHOR / IMG ITEMS
$imagecount = count($ArrayPhotoURLs);
// TEST OUTPUT FOR DEBUGGING
echo $imagecount;
?>
</head>
<?php // HTML LAYOUT CODE BEGINS HERE ?>
<body style="">
<div class="container">
<div>
<?php
// FOR LOOP, PRINT HTML WITH URL AS BOTH A HREF & IMG SRC PARAMETERS & ANCHOR TEXT
foreach ($ArrayPhotoURLs as $PhotoURL) {
echo '<a href="', $PhotoURL ,'">',
'<img src="',$PhotoURL, '">', $PhotoURL,
'</img></a><br/>';
}
?>
</div>
</div>
</body>
</html>
对于那些在类似的束缚:Firefox显然将域名pbs.twimg.com视为跟踪器,并阻止所有连接到这个子域。考虑在你的浏览器中禁用跟踪保护,或者实现一个服务器端的垫片来预加载图片。