问题描述：

　　由于有一次工作原因，就是将某个文件夹下的所有图片，通过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. currentStyle与getComputedStyle应用

    getComputedStyle获取的是计算机(浏览器)计算后的样式,但是不兼容IE6.7.8(主要用于非IE浏览器) currentStyle方法兼容IE6.7.8,但是不兼容标准浏览器(主要用于I ...

  2. 异常处理之“The remote certificate is invalid according to the validation praocedure.”

    参考文章:http://brainof-dave.blogspot.com.au/2008/08/remote-certificate-is-invalid-according.html 参考文章:h ...

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

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

  4. Bootstrap 快速人门案例——前端最火的插件

    今天,我给小白们分享一下比较流行的Bootstrap框架,它在工作中得到许多公司的青睐,因此对于升职和加薪很重要.同时,我们可以快速完成开发任务,减少发开周期,有不对的地方望大家指正. 如果你想走的更 ...

  5. shell-script的简单举例

    #!/bin/bash #defind the path PATH=/usr/local export PATH read -p "please input your first name: ...

  6. 平常看到的Alt+xx 快捷键用法

    1. 先按Alt, 哪一个菜单对应的字符是有划线的. 2. 输入对应的字符打开相应的菜单, 3 再输入相应的字符打开子菜单

  7. 腾讯GT的流畅度测试方案研究

    GT源码:https://github.com/TencentOpen/GT 一.流畅度模块的代码结构 流畅度插件总共就几个类,其实处理方式也比较简单粗暴,就是通过Choreographer输出的lo ...

  8. 启用SQLite的Data Provider 运行WECOMPANYSITE时遇到ERROR CREATING CONTEXT 'SPRING.ROOT': ERROR THROWN BY A DEPENDENCY OF OBJECT 'SYSTEM.DATA.SQLITE'

    从网上下载的源码WeCompanySite,运行时报错 Error creating context 'spring.root': Error thrown by a dependency of ob ...

  9. iOS 解决LaunchScreen中图片加载黑屏问题

    iOS 解决LaunchScreen中图片加载黑屏问题 原文: http://blog.csdn.net/chengkaizone/article/details/50478045 iOS 解决Lau ...

  10. Redis中connect与pconnect区别？

    1.首先先介绍下connect和pconnect的区别. connect:脚本结束之后连接就释放了. 2.pconnect:脚本结束之后连接不释放,连接保持在php-fpm进程中. 所以使用pconn ...