typecho显示exif信息

    2017-10-13 · 本文共633字1张图, 　

此文所显示方式是@fooleap提供，感谢，所用原理见[1]，老何是代码盲，不懂，有兴趣的同学可以去看看。

好久之前做过，后来更换主题丢失，再次请教@fooleap，赶紧把方法记录下来，用以备忘。

前提条件，需要使用七牛作为图床，文件类型为jpg,试了一下在IE里是无法显示的。

步骤很简单：

一、下载js文件(文件在哪里？找不到？别试了，哈哈)，放置在主题js目录下，在头部引用。

     <script src="<?php $this->options->themeUrl(); ?>js/jquery.qnexif.js"></script>

二、在post.js文件插入以下代码：

 $('.post img[src$=jpg]').qnexif();

完成，是不是非常简单？

如果你的主题文件没有post.js，我也不知道放在哪里了，别问我，问@fooleap，^_^

例图，把鼠标放在图片上，有没有高大上的感觉？

更新：
经过老何的不断摸索，主题必须要先引入Jquery.js，然后可以在post.php文件加入

     <script>  
    $('.post img[src$=jpg]').qnexif();
    </script>

注意代码，文章内容块需要时class=post，如果是其他的请加入。

参考资料：

  1. 利用七牛 API 显示照片的 Exif ↩

相关文章

已有 11 条评论

  1. 姜辰

    呃？这个玩的我一脸懵逼。

    姜辰 ·  Windows 10  · Firefox · 回复
    1. Mr.He

      也想实现这个功能是吗

      Mr.He ·  Android 7.0 · Google Chrome · 回复
      1. 姜辰

        是很想。。。但是我的图片基本基于PS，估计看不出啥啊

        姜辰 ·  Windows 10  · Firefox · 回复
        1. Mr.He

          ps并没有去除exif信息

          Mr.He ·  Windows 10  · Google Chrome · 回复
          1. fooleap

            PS 得在导出时保留元数据，才会保留 EXIF 信息。

            fooleap ·  Mac OS X 10.13.1 · Google Chrome · 回复
  2. 老虎

    不爽有两点：1.要用七牛，万一哪天倒闭了咋办。2.没有wp版。

    老虎 ·  Mac OS X · Safari · 回复
    1. Mr.He

      七牛的图片只是备份，我的服务器上还有一份；wp的相关插件很多啊。

      Mr.He ·  Windows 10  · Google Chrome · 回复
    2. 不亦乐乎

      js的东西和wp不wp没关系吧。

      不亦乐乎 ·  Windows 10  · Google Chrome · 回复
      1. Mr.He

        对的，这个无论什么程序都可以使用，只要是php

        Mr.He ·  Windows 10  · Google Chrome · 回复
  3. 木瓜园

    我一般都会特意去掉exif

    木瓜园 ·  Windows 7  · Firefox · 回复
    1. Mr.He

      各有爱好吧，这个功能比较合适摄影爱好者。

      Mr.He ·  Android 7.0 · Google Chrome · 回复
取消回复

发表新评论

关于博主
博主本姓何，育人廿五载。
我住长江边，君自四海来。
文字不修饰，实是无文采。
飞絮落叶雪，只待李花开。
博客分类
随机推荐
最近评论
站点统计
  • 文章总数：196篇
  • 评论总数：5496条
  • 网站运行：3164天