动感的网页相册

简介: 不知道大家有没有这样的体验,windows电脑上查看一张gif图,默认就把IE给打开了,还弹出个什么询问项,好麻烦的感觉。所以为了解决自己的这个问题,写了个简单的文件夹内图片浏览工具。

不知道大家有没有这样的体验,windows电脑上查看一张gif图,默认就把IE给打开了,还弹出个什么询问项,好麻烦的感觉。所以为了解决自己的这个问题,写了个简单的文件夹内图片浏览工具。


效果图

  • 以E盘某一文件夹为例
    素材图片

  • 效果图
    效果图


实现思路

Created with Raphaël 2.1.0 获取给定的文件夹,遍历获取所有图片(包含路径) 将包含了所有图片的列表输入到HTML模板 合并文件,生成Html 查看页面生成情况

业务代码

# coding:utf-8
import sys

reload(sys)
sys.setdefaultencoding('utf8')
#    __author__ = '郭 璞'
#    __date__ = '2016/8/5'
#    __Desc__ = 自动生成网页相册
import os


# 呵呵了,原来有标准库中的walk方法。那么这个方法就获得一个文件夹下的图片文件吧
def getFiles(filepath):
    files = []
    if os.path.isdir(filepath):
        for file in os.listdir(filepath):
            if os.path.isdir(file):
                getFiles(file)
            elif file.endswith('.jpg') or file.endswith('.png') or file.endswith('.gif'):
                files.append(filepath + str(file))
    elif os.path.isfile(filepath):
        files.append(filepath)
    return files


# 获取给定目录下所有以.jpg  .png  .gif结尾的文件,并补全路径保存到列表中输出
def recourse(filepath):
    files = []
    for fpathe, dirs, fs in os.walk(filepath):
        for f in fs:
            if f.endswith('.jpg') or f.endswith('.png') or f.endswith('.gif'):
                files.append(os.path.join(fpathe, f))
    return files



# 生成网页源码文件,指定
def generate(files, shuffle=False):
    template_start = '''
    <html><head><meta charset='utf-8'><title>网页版相册</title><link rel="stylesheet" type="text/css" href="csshake-slow.min.css">
    <link rel="stylesheet" type="text/css" href="http://csshake.surge.sh/csshake-slow.min.css"></script></head><body>
    '''
    template_body = ''
    # 如果指定乱序,就乱序列表中的数据
    if shuffle == True:
        from random import shuffle
        shuffle(files)
    for file in files:
        template_body += '<a href="' + file + '"><img class="shake-slow" src="' + file + '" style="width:64px;height:auto;"></a>'

    template_end = '''
    </body></html>
    '''%
    html = template_start + template_body + template_end
    return html

# 生成html文件,并输出到指定的目录
def write2File(filepath, data):
    file = open(filepath, 'wb')
    file.write(data)
    file.close()
    print 'Write to file Scuuess!'


if __name__ == "__main__":
    # E:\\Picture\\LOFTER\\
    filepath = 'E:\\Picture\\LOFTER\\'
    files = recourse(filepath=filepath)
    for item in files:
        print item
    html = generate(files, True)
    output_path = r'C:\Users\Administrator\Desktop\test.html'
    write2File(filepath=output_path, data=html)
    print 'HTML相册文件已生成在桌面,请查看'
AI 代码解读

总结

  • 首先说一下缺点:

    • 缺点很明显,对于中文支持的不够好,因为查看图片大图的时候是以超链接的形式出现的,所以会发生乱码的情况。
    • 然后是优点:
      优点不是很明显,因为如果一个文件夹下面有很多的子文件夹,或者图片很多的时候,就会很慢了。
  • 然后说一下可以改进的地方

    • 引入JQuery,添加双击事件相应,实现双击删除不想要的图片

    • 使用多线程的方式运行代码,加快网页的生成速度

最后,我想说的是,虽然这是个娱乐性质的小东西,但是多发挥一下想象力,不断地完善,对我们开发而言,一定会有帮助的。

目录
打赏
0
0
0
0
11
分享
相关文章
分享66个相册特效,总有一款适合您
分享66个相册特效,总有一款适合您
93 5
(H5自适应)响应式相册图片网站模板 图片壁纸类网站源码下载
1:网站的代码都是纯手工DIV+CSS、代码精简有利于SEO优化。 2:自适应和代码适配两种模式,新版的HTML5技术,给您高端视觉体验。 3:全站每一个细节都做了SEO框架布局,栏目及文章页均可独立设置标题/关键词/描述。 4:附带测试数据、不需安装、上传即用、轻松简单。 5:后台直接修改LOGO、轮播、联系方式、传真、邮箱、地址等,修改更加方便。
102 11
|
10月前
|
手机照相或选择相册,类似新浪微博的图片处理
手机照相或选择相册,类似新浪微博的图片处理
71 2
23套新鲜出炉的网站和手机界面 PSD 素材
  Web 用户界面,移动用户界面和线框套件对设计师很有用,因为这些套件让他们使用快速和有效的方式复制用户界面。这些类型的工具包提供了一个基本的用户界面元素,用于它们需要制作的网站或软件模型。   在这篇文章中,我们展示的是自由和清新的 UI 设计素材套件。
1021 0
『精品素材』20套免费的网页小图标素材下载
  在网页设计工作中,图标设计是最耗时的任务之一,但幸运的是网络上有很多慷慨的设计师分享的现成的免费小图标素材包可以下载使用。下面这个列表收集了20套免费的网页小图标,记得分享和推荐啊。 您可能感兴趣的相关文章 10套华丽的Windows8 Metro风格图标 让人爱不释手的13套精美网...
1120 0
网页素材精品:40套很漂亮的纹理背景图片
  这篇文章向大家分享40套很漂亮的纹理背景图片素材,如果你正在寻找高质量的纹理背景,那么这篇文章你一定要记得收藏。纹理背景图片对设计师来说非常有用,个性的纹理背景可以让你的网站看起来更加优雅时髦,脱颖而出。
1385 0
25套五彩缤纷的矢量网页背景图片素材【免费下载】
  丰富多彩的矢量网页背景图片素材是设计师的宝贝,也是很好的装饰电脑桌面的壁纸。网页背景图片素材有同心圆,彩虹,闪烁的星星,圆点,箭头和云彩等各种形状,五彩缤纷。在网站设计中使用矢量背景和矢量元素是一个新的趋势,越来越多的网页设计师喜欢再网页设计中使用矢量网页背景图片素材。
1460 0
分享20套精美的免费 PSD 网页加载进度条素材
  随着用户对网站使用体验要求的提高,现在网站和 Web 应用程序都会在网页内容还未加载进来的时候向用户显示动态的加载动画或者提示文字。20套精美的免费 PSD 加载进度条素材。这些漂亮的 PSD 网页界面素材可以让您的工作得心应手,帮助您节省大量的时间和精力。
957 0
精美网站设计:25个以全屏照片为背景的网页作品
  高质量的照片能够给网站带来强烈的视觉冲击力,不仅能够增强设计的美感,还可以突出网站的主题。在使用这种大照片作为网站背景的时候,为了能够和网站的其它内容很好的融合在一起,你需要考虑很多事情,否则可能会导致网站内容杂乱,反而适得其反。
1075 0
网页素材大宝库:15套精美的用户头像图标素材
  免费图标素材对于网页设计非常有用,大家在设计和制作网站的时候经常会去网上搜罗各种各样的素材,这些免费素材既能他们节省大量的时间,又有很好的效果。今天这篇文章要与大家分享的是15套精美的用户头像图标素材,可以免费下载使用,记得收藏起来哦 :) 您可能还喜欢 让人爱不释手的13套精美网页图...
954 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等