问题描述：

　　由于有一次工作原因，就是将某个文件夹下的所有图片，通过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. DHtmlx组件获取选中行的某一列对应的值

    最近刚刚接触DHtmlx这个js组件,对它还不是太了解,还在学习中,算是记录自己学习该组件的历程吧. 首先xml文件里有一个grid,有对应的checkbox,通过 var selectedId = ...

  2. CSS3：linear-gradient，线性渐变的使用方法

    CSS3 渐变(gradients)可以让你在两个或多个指定的颜色之间显示平稳的过渡. 以前,你必须使用图像来实现这些效果,现在通过使用 CSS3 的渐变(gradients)即可实现.此外,渐变效果 ...

  3. Linux下面安装MySQL

  4. linux基础知识3_根文件系统详解

    文件系统: rootfs:根文件系统 /boot:系统启动相关的文件,如内核.initrd以及grub /dev:设备文件 块设备:随机访问 字符设备:线性访问,按字符为单位 设备号:主设备号(maj ...

  5. C# 多线程之Task资料

    博客 Stephen Toub From MicroSoft Crop. Stephen Cleary Parallelism in .NET   文章 It's All About the Sync ...

  6. List集合的removeAll(Collection<E> col) 和clear方法的区别

    //removeAll()方法private static void testList(){ List<String> list = new ArrayList<String> ...

  7. SQL必知必会 14-22（完）

    博主依然不想打字,又向你仍来了一堆代码... 13(续) 在SELECT中用COUNT()以及联合 mysql> SELECT customers.cust_id,COUNT(orders.or ...

  8. OpenStack 企业私有云的若干需求（4）：混合云支持 (Hybrid Cloud Support)

    本系列会介绍OpenStack 企业私有云的几个需求: 自动扩展(Auto-scaling)支持 多租户和租户隔离 (multi-tenancy and tenancy isolation) 混合云( ...

  9. Unity中关于作用力方式ForceMode的功能注解

    功能注解:ForceMode为枚举类型,用来控制力的作用方式,有4个枚举成员,在以下举例中均设刚体质量为m=2.0f,力向量为f=(10.0f,0.0f,0.0f). (1)ForceMode.For ...

  10. 关于Spring 国际化 No message found under code 的解决方案

    用spring做国际化时经常会报: org.springframework.context.NoSuchMessageException: No message found under code 'u ...