飞絮落叶雪

飞絮落叶雪

分享老何的故事

typecho显示exif信息

生活记录 5 浏览
文章目录

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

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

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

步骤很简单：

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

     <script src="<?php $this->options->themeUrl(); ?>js/jquery.qnexif.js"></script>
generic
84 Bytes
© 飞絮落叶雪
     <script src="<?php $this->options->themeUrl(); ?>js/jquery.qnexif.js"></script>

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

 $('.post img[src$=jpg]').qnexif();
generic
35 Bytes
© 飞絮落叶雪
 $('.post img[src$=jpg]').qnexif();

完成，是不是非常简单？

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

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

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

     <script>  
    $('.post img[src$=jpg]').qnexif();
    </script>  
generic
70 Bytes
© 飞絮落叶雪
     <script>  
    $('.post img[src$=jpg]').qnexif();
    </script>

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

参考资料：

  1. 利用七牛 API 显示照片的 Exif ↩
最初发布: 2017 年 10 月 13 日 15:25:00
最后修改: 2025 年 03 月 25 日 21:16:58
版权申明: 本文采用署名-非商业性使用-相同方式共享 4.0 国际许可协议[CC BY-NC-SA]进行授权

11 条

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

  1. 木瓜园

    我一般都会特意去掉exif

    来自上海· Unknown · Unknown
    1. Mr.He

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

      来自安徽· Unknown · Unknown
  2. 老虎

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

    来自江苏· Unknown · Unknown
    1. Mr.He

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

      来自安徽安庆· Unknown · Unknown
    2. 不亦乐乎

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

      来自福建福州· Unknown · Unknown
    3. Mr.He

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

      来自安徽安庆· Unknown · Unknown
  3. 姜辰

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

    来自美国· Unknown · Unknown
    1. Mr.He

      @姜辰也想实现这个功能是吗

      来自安徽安庆· Unknown · Unknown
    2. 姜辰

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

      来自美国· Unknown · Unknown
    3. Mr.He

      @姜辰ps并没有去除exif信息

      来自安徽安庆· Unknown · Unknown
    4. fooleap

      @Mr.HePS 得在导出时保留元数据，才会保留 EXIF 信息。

      来自广东汕头· Unknown · Unknown