V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
moonshow
V2EX  ›  前端开发

html 如何调用 PHP 生成的图片?

  •  
  •   moonshow · 2018-12-20 20:57:32 +08:00 · 4027 次点击
    这是一个创建于 2157 天前的主题,其中的信息可能已经有所发展或是发生改变。
    <?php
    $ip_from_here = json_decode(file_get_contents('https://ipinfo.io'));
    $ip = $ip_from_here->ip;
    $country_code = $ip_from_here->country;
    echo'<img src="http://www.geognos.com/api/en/countries/flag/'.$country_code.'.png" width="18" height="12">';
    ?>
    上面是一段根据 ip 地址生成国旗图标代码
    如何在 html 中引用生成的这个国旗图标呢?

    本人刚学 hmtl,求大神帮忙,感激不尽
    24 条回复    2018-12-22 18:59:09 +08:00
    xzc0001
        1
    xzc0001  
       2018-12-20 21:09:10 +08:00
    參考驗證碼?我記著以前 discuz 什麽的就是 php 的,然後直接 img 標簽就行吧
    moonshow
        2
    moonshow  
    OP
       2018-12-20 21:11:31 +08:00
    <img src="这里怎么填写?", alt="", width="18", height="12">
    src=地址怎么填写呢?
    xfspace
        3
    xfspace  
       2018-12-20 21:39:15 +08:00 via Android
    填 PHP 文件的 URL
    或做个 rewrite
    qiayue
        4
    qiayue  
       2018-12-20 22:29:07 +08:00 via Android
    <?php
    $ip_from_here = json_decode(file_get_contents('https://ipinfo.io'));
    $ip = $ip_from_here->ip;
    $country_code = $ip_from_here->country;

    header("Location:http://www.geognos.com/api/en/countries/flag/$country_code.png");
    ?>

    存成一个 php 文件,然后 html 的 img 标签 src 写 php 地址
    akira
        5
    akira  
       2018-12-20 22:40:15 +08:00
    qiayue
        6
    qiayue  
       2018-12-20 22:57:11 +08:00
    @akira $country_code 哪来的?
    moonshow
        7
    moonshow  
    OP
       2018-12-20 23:11:56 +08:00
    @akira 这行提示 404, 通过 iframe 可以显示出来,貌似一直是固定图标不能根据国家 ip 地址更换,
    moonshow
        8
    moonshow  
    OP
       2018-12-20 23:16:01 +08:00
    @akira 我是在油管上看到一个视频搬来的
    &t=136s 其实我自己只会一点点 html 而已
    通过 iframe 可以显示出来,貌似一直是固定图标不能根据国家 ip 地址更换 这个问题有办法解决吗?
    qiayue
        9
    qiayue  
       2018-12-20 23:16:17 +08:00
    @moonshow 4 楼给你正确答案你不用
    moonshow
        10
    moonshow  
    OP
       2018-12-20 23:19:39 +08:00
    @akira 多谢你这个方法也可以,
    qiayue
        11
    qiayue  
       2018-12-20 23:23:05 +08:00
    @moonshow 谁的方法可以?
    moonshow
        12
    moonshow  
    OP
       2018-12-20 23:24:16 +08:00
    @qiayue 四楼的 也就是你的,第一次用这个网站不太习惯 @错人了 囧 谢谢抱歉了兄 die
    moonshow
        13
    moonshow  
    OP
       2018-12-20 23:27:15 +08:00
    @qiayue 不能根据 ip 地址更换国家图标 这个问题有办法解决吗?我看视频里是可以的
    Fooleap
        14
    Fooleap  
       2018-12-20 23:28:41 +08:00   ❤️ 2
    @moonshow #13
    ipinfo.io 默认是根据服务器 IP 地址,需要传一下客户端的 IP。例如:
    $ip_from_here = json_decode(file_get_contents('https://ipinfo.io/'.$_SERVER['REMOTE_ADDR']));

    参考: https://ipinfo.io/developers
    qiayue
        15
    qiayue  
       2018-12-20 23:35:47 +08:00
    <?php
    $ip_from_here = json_decode(file_get_contents('https:// ipinfo.io'));
    $ip = $ip_from_here->ip;
    echo $ip;
    ?>

    你看看输出到的 IP 地址是谁的就知道怎么回事的

    如果你的代码是放在了服务器运行,那么实际上是服务器向 ipinfo 发起请求,所以获取的是服务器的 IP 地址,当然最终显示的国家就是服务器所在国家了。
    moonshow
        16
    moonshow  
    OP
       2018-12-20 23:37:12 +08:00
    @Fooleap 完美实现我想要的功能 厉害了
    moonshow
        17
    moonshow  
    OP
       2018-12-20 23:40:26 +08:00
    @qiayue 多谢了
    moonshow
        18
    moonshow  
    OP
       2018-12-20 23:41:49 +08:00
    @Fooleap @qiayue 再增加国家名称或者简称,代码应该怎么写?
    qiayue
        19
    qiayue  
       2018-12-20 23:50:50 +08:00   ❤️ 1
    @moonshow 国家名称显示到哪里?
    moonshow
        20
    moonshow  
    OP
       2018-12-20 23:53:32 +08:00
    @qiayue 显示在国 qi 前面 现在已经能根据 ip 地址显示 guo 奇 这是完整代码
    <?php
    $ip_from_here = json_decode(file_get_contents('https://ipinfo.io/'.$_SERVER['REMOTE_ADDR']));
    $ip = $ip_from_here->ip;
    $country_code = $ip_from_here->country;
    header("Location:http://www.geognos.com/api/en/countries/flag/$country_code.png");
    ?>
    qiayue
        21
    qiayue  
       2018-12-21 00:04:17 +08:00   ❤️ 1
    你知道上面四行代码的作用吗?
    其实第二行在你这里没起到作用

    第一行:把客户端的 ip 地址传给 ipinfo,得到返回的 json 后解析,得到一个对象
    第二行:把对象里的 ip 赋值给 $ip 变量
    第三行:把对象里的国家代码赋值给 $country_code 变量
    第四行:拼接一个 geognos 的网址,得到一个图片地址,把当前请求 302 跳转到这个图片地址

    你的 html 代码中,img 的 src 标签虽然写的地址是 php 的地址,但最终请求的其实是跳转后的图片,所以能够显示图片出来。


    但是,你想用什么标签来显示国家名称呢?
    有两种办法:
    第一种是用 php 获取到图片后,用 gd 重新生成一张图片,并且往图片里边写入国家名称,这样只需要修改 php 代码,html 代码不动;
    第二种是,php 只需要一行代码
    <?php echo file_get_contents('https://ipinfo .io/'.$_SERVER['REMOTE_ADDR']);?>注意此处我给 .io 之前加了空格,不然无法回帖
    然后 html 中用 ajax 从 php 中获取到 json 数据后,用国家代码拼接图片网址显示图片,js 去显示图片和国家名称
    moonshow
        22
    moonshow  
    OP
       2018-12-21 00:11:42 +08:00
    @qiayue 第一种方法往图片里写入国家名称是什么意思?直接生成一张带文字的图片吗?如果是的话放弃这种方案!我希望文字和图片是分开的
    第二种方法 html 怎么写呢?我懂一点点 html 基础标签,js 完全不懂的,如果可以的话就送佛送到西吧,帮忙把完整代码贴出来,提前是在你空的时候,不胜感激!
    qiayue
        23
    qiayue  
       2018-12-21 00:21:08 +08:00
    @moonshow 用百度吧,我怎么感觉你目的不是为了学习,而是为了完成作业
    这么晚了,要睡觉了
    moonshow
        24
    moonshow  
    OP
       2018-12-22 18:59:09 +08:00
    @qiayue 强调一点,真不是为了完成作业,我搭建了一个博客主要针对海外用户,想增加一个根据用户 ip 地址显示国家名称和图标的功能!晚安
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2611 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 20ms · UTC 10:54 · PVG 18:54 · LAX 02:54 · JFK 05:54
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.