问题描述：

　　由于有一次工作原因，就是将某个文件夹下的所有图片，通过CSS描述他们的属性，用的时候就可以直接引用。但是我觉得那个文件夹下的图片太多，而且CSS文件的格式又有一定的规律，所有想通过脚本来生成，但是目前只学过JS，本命语言是面向对象的JAVA。所有用这两种语言都写了一个“获取某个文件夹下的所有图片属性批量生成css样式”。

1.java

 import java.awt.Image;

 import java.io.BufferedWriter;

 import java.io.File;

 import java.io.FileWriter;

 import java.io.IOException;

 import javax.imageio.ImageIO;

 public class Aa {

     /**

      * @param args

      * @throws IOException

      */

     public static void main(String[] args) {

         // TODO Auto-generated method stub

         String path = "E:\\codes\\MyeFitter\\trunk\\mobile\\www\\img\\icon";

         //读取path文件下的整个文件

         File[] files = new File(path).listFiles();

         File file = new File("e:/codes/MyeFitter/utils/llp/scriptbyjava.css");

         //如果文件存在，删除该文件

         if (file.isFile() && file.exists()){

             file.delete();

         }

         //创建文件

         try {

             file.createNewFile();

         } catch (IOException e1) {

             // TODO Auto-generated catch block

             e1.printStackTrace();

         }

         for (int i = 0; i < files.length; i++)

         {

             String fileName = files[i].getName();

             String allPath = path + "\\" + fileName;

             String subFileName = fileName.substring(0, fileName.length() - 4);

             try {

                 Image image = ImageIO.read(new File(allPath));

                 String all = ".ml-" + subFileName + "{width:" + Math.round(image.getWidth(null)/2.0) + ";height:" + Math.round(image.getHeight(null)/2.0) +

                         ";background-image:url(../img/icon/"  + fileName +

                         ");background-repeat:no-repeat;background-size:cover;background-position:center center;}\n";

                 //向文件写入数据

                 FileWriter fw = new FileWriter(file, true);

                 BufferedWriter bw = new BufferedWriter(fw);

                 bw.write(all);

                 bw.flush();

                 bw.close();

                 fw.close();

             } catch (IOException e) {

                 // TODO Auto-generated catch block

                 e.printStackTrace();

             }

         }

     }

 }

2.js

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml">

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <script type="text/javascript">

     function init(s)

     {

          var fso=new ActiveXObject("Scripting.FileSystemObject");

          var f1=fso.CreateTextFile("c:\\scriptbyjs.css",true);

          f1.WriteLine(s);

          f1.WriteBlankLines(1);

          f1.Close();

     }

     function init2(){

         var fso = new ActiveXObject("Scripting.FileSystemObject");

         // 获取目录下所有文件，对于该浏览器缓存目录，仅能获取到一个文件

         path = 'E:\\codes\\MyeFitter\\trunk\\mobile\\www\\img\\icon';

         var fldr = fso.GetFolder(path);

         var ff = new Enumerator(fldr.Files);

         var s = '';

         for(; !ff.atEnd(); ff.moveNext()){

             var fileName = ff.item().Name + '';

             fileName = fileName.toLowerCase();

             var allpath = path + "\\" + fileName;

             var image = new Image();

             var subFileName = fileName.substr(0,fileName.length-4);

             image.src = allpath;

             s += '.ml-' + subFileName + '{width:' + Math.round(image.width/2) + ';height:' + Math.round(image.height/2) +

                 ';background-image:url(../img/icon/' + fileName +');background-repeat:no-repeat;background-size:cover;background-position:center center;}\n'

         }

         init(s);

     }

 </script>

 </head>

 <body onload="init2();">

 </body>

 </html>

注意：

　　Java语言写的可以直接执行就会C盘目录下自动生成.css文件，并且下次执行会覆盖。然后JS语言写的，需要通过浏览器来运行，并且这个只能在ie上运行，因为在body上直接加载，需要允许插件，所以这点有点坑。

脚本工具（获取某个文件夹下的所有图片属性批量生成css样式）的更多相关文章

  1. winform中获取指定文件夹下的所有图片

    方法一: C#的IO自带了一个方法DirectoryInfo dir = new DirectoryInfo("文件夹名称");dir.getFiles();//这个方法返回值就是 ...

  2. Python获取指定文件夹下的文件名

    本文采用os.walk()和os.listdir()两种方法,获取指定文件夹下的文件名. 一.os.walk() 模块os中的walk()函数可以遍历文件夹下所有的文件. os.walk(top, t ...

  3. python 脚本（获取指定文件夹、指定文件格式、的代码行数、注释行数）

    1.代码的运行结果: 获取 指定文件夹下.指定文件格式 文件的: 总代码行数.总注释行数(需指定注释格式).总空行数: #coding: utf-8 import os, re # 代码所在目录 FI ...

  4. C++获取某个文件夹下的所有文件

    获取某个文件夹下的所有文件,返回各文件的路径加文件名 path为某文件夹的路径:eg. char * filePath = "C:\\Users\\WUQP\\Desktop\\test_d ...

  5. Matlab获取一个文件夹下所有文件名

    Matlab获取一个文件夹下所有文件名: fileFolder=fullfile('D:\MATLAB\bin\trc'); dirOutput=dir(fullfile(fileFolder,'*. ...

  6. java+js实现展示本地文件夹下的所有图片demo[申明：来源于网络]

    java+js实现展示本地文件夹下的所有图片demo[申明:来源于网络] 地址:http://blog.csdn.net/allgis/article/details/46364875

  7. Windows 下通过DOS命令获取指定文件夹下所有文件的全路径

    1.在你要获取路径的文件夹下 新建文本文档 (.txt) 文件, 2.输入以下内容保存 DIR *.* /S/B >LIST.TXT /s 表示递归 3. 将文件后缀改成 .bat 4.双击运行 ...

  8. ubuntu 用shell脚本实现将当前文件夹下全部文件夹中的某一类文件复制到同一文件夹下

    当前文件夹下有一些文件和文件夹,当中每一个文件夹里都有若干.txt文件. 如今要求在当前文件夹创建一个新文件夹all,且将那些文件夹全部.txt文件 都复制到文件夹all.在ubuntu12.04的s ...

  9. python 获取当前文件夹下所有文件名

    os 模块下有两个函数: os.walk() os.listdir() 1 # -*- coding: utf-8 -*- 2 3 import os 4 5 def file_name(file_d ...

随机推荐

  1. Html --用简单的<hr>实现多样化分割效果

    最基本的:<hr width=300 size=1 color=#5151A2 align=center noshade>. <!--其中 width 规定线条的长度,还可以是百分比 ...

  2. javascript - 状态模式 - 简化分支判断流程

    状态模式笔记   当一个对象的内部状态发生改变时,会导致行为的改变,这像是改变了对象   状态模式既是解决程序中臃肿的分支判断语句问题,将每个分支转化为一种状态独立出来,方便每种状态的管理又不至于每次 ...

  3. asp.net mvc 之旅 —— 第六站 ActionFilter的应用及源码分析

    这篇文章我们开始看一下ActionFilter,从名字上其实就大概知道ActionFilter就是Action上的Filter,对吧,那么Action上的Filter大概有几个呢??? 这个问题其实还 ...

  4. python from __future__ import division

    1.在python2 中导入未来的支持的语言特征中division(精确除法),即from __future__ import division ,当我们在程序中没有导入该特征时,"/&qu ...

  5. tftp-nfs开发环境搭建

    嵌入式开发通常使用主机-开发板的开发模式,在裸板开发中,我们通常使用串口调试工具传递文件,比如windows平台的超级终端,SecuCRT以及Linux平台的ckermit(题外话:ckermit比w ...

  6. UC浏览器中touch事件的异常记录

    以前也在UC上面栽过几个坑,不过都是页面显示方面的.上个周的时候,商品详情页重做,要添加个上拉显示详情的效果. 有两个条件需要判断: 1.是否到达底部: 2.到达底部之后拖动的y轴距离. 效果写完后, ...

  7. struts2中Ajax校验

    Ajax(Asynchronous JavaScript and Xml),整合了JavaScript,XML,CSS,DOM,Ajax引擎(XMLHttpRequest). JavaScript语言 ...

  8. Web Service

    Web Service全称XML Web Service WebService是一种可以接收从Internet或者Intranet上的其它系统中传递过来的请求,轻量级的独立的通讯技术.是:通过SOAP ...

  9. python下print结果到文件中的方法

    目的是将print的结果输出到一个文件中,比如这个文件在D:\lianxi\out.txt下,我用的windows: s = '1234' f = open (r'D:\lianxi\out.txt' ...

  10. 【转】虚拟机VMware与主机共享文件介绍

    from: http://www.cnblogs.com/kerrycode/p/3818095.html 写的比较详细,但是vm版本较旧. 2:通过共享文件夹功能 虚拟机VMware提供了在宿主机与 ...