- 解决前端导出excel文件,打开为乱码
荔枝,你让我拿什么荔枝!
vue前端elementuivue.js
前端开发中,导入和导出文件是比较常见的业务场景,常见的情况是:后端返回一个二进制的流文件,前端将其转化为excel文件即可。但是往往会出现转化后的excel文件内容位乱码的情况,本文中提供了两个解决方案:方案一:用户自定义上传方法添加附件添加附件代码解读:上述代码采用了element-ui的el-upload文件上传的组件。改组件有两种文件上传的方式:1.组件自带的上传方法,只需要给其设置acti
- 多表逐级关联报表,使用poi方法导出excel
LCF_全博
难点要求多表关联导出,简单介绍:有A1表,A2表,B表,C表,A1和A2是一对多的关系,B表和A1表也是一对多的关系,C表和B表是一对多的关系。这是简化的业务逻辑,表之间的关系就类似这种。完成对关联导出。实现思路熟悉poi导出的可能会知道,报表的导出总体思路是将数据按照excel的每一行去写入数据的,假如是有序的数据还好说点,比如单表的导出,直接单表查询出来,循环写入每一个excel行就行,这种做
- 随笔记录git提交出错和原生js以JSON格式请求接口导出Excel
山丘lemon
GIT提交代码出错Fileexists.原文链接https://www.cnblogs.com/sweetbullet/p/9889997.html前端js导出,参数以json格式发送post请求原文链接https://www.cnblogs.com/sweetbullet/p/9843178.html
- ABAP OLE导出Excel
a86632678
ABAPsapabap
INCLUDE程序代码如下:TYPE-POOLS:soi,ole2.DATA:lo_applicationTYPEole2_object,lo_workbookTYPEole2_object,lo_workbooksTYPEole2_object,lo_rangeTYPEole2_object,lo_worksheetTYPEole2_object,lo_worksheetsTYPEole2_ob
- 根据xml模板导出excel
weixin_44877172
Javaxmlexcel
依赖5.2.3org.apache.poipoi${poi.version}org.apache.poipoi-ooxml${poi.version}org.apache.poipoi-ooxml-lite${poi.version}org.apache.poipoi-scratchpad${poi.version}2.3org.apache.velocityvelocity-engine-cor
- java导出excel(带图片)
陈一一同学
java
先看一下导出效果,controller表头数据一定要放在最前面Listhead=Arrays.asList("姓名","年龄","性别","证件类别","证件号","联系电话","地区","详细地址","报名时间","所属分组","年度","参赛类别1","作品名称1","作品1","参赛类别2","作品名称2","作品2");List>sheetDataList=newArrayListlist
- VUE纯前端导出excel表格功能
KAGHQ
项目遇到的问题前端vue.jsexcel
插件:使用vue-json-excel插件实现Vue纯前端导出简单的Excel表格功能。1.安装依赖npminstallvue-json-excel2.引入组件全局引入importVuefrom'vue'importJsonExcelfrom'vue-json-excel'Vue.component('downloadExcel',JsonExcel)局部引入importJsonExcelfrom
- java利用jxl导出excel_java使用jxl实现导出excel
许风倾秋
1、导入jar包net.sourceforge.jexcelapijxl2.62、上代码protectedvoidexportExcel(HttpServletResponseresponse,StringfileName,String[]Title,@SuppressWarnings("rawtypes")Listcontent){//以下开始输出到EXCELtry{//定义输出流,以便打开保存
- JavaScript导入导出excel
金色浪花
javascriptexcel
在JavaScript的浏览器环境下导入和导出Excel文件,主要可以通过一些库来帮助我们简化操作,比如SheetJS(也称为xlsx库)和FileSaver.js。以下是如何使用这些库来实现Excel的导入和导出的基本步骤:导入Excel导入Excel文件通常涉及到HTML的元素,以及使用FileReader来读取用户选择的文件,然后使用SheetJS解析这个文件。HTML部分html复制代码J
- java 读取mysql中的表并按照指定格式导出excel
战族狼魂
Springbootjava数据库javamysqlexcel
在Java中读取MySQL中的数据表并将其导出到Excel文件中,你需要以下几个步骤:连接MySQL数据库:使用JDBC驱动程序连接到MySQL数据库。执行SQL查询:获取表数据。使用ApachePOI库生成Excel文件:将数据写入Excel格式。保存Excel文件:将生成的Excel文件保存到指定路径。我们将使用以下技术和库来完成此任务:JDBC:用于连接MySQL数据库并执行SQL查询。Ap
- 【转】Vue.js使用Blob的方式实现excel表格的下载(流文件下载)
Bior
导出Excelimportapifrom"../../api/api.js";importaxiosfrom"axios";exportdefault{data(){return{pageSize:30,}},created(){},computed:{},mounted(){},methods:{downloadUrl(){//console.log(api.serverUrl);letpara
- Wpf和Winform使用devpress控件库导出Excel并调整报表样式
一心赚狗粮的宇叔
.NetC#学习wpfexcelc#microsoft开发语言面试pdf
Wpf和Winform使用devpress控件库导出Excel并调整报表样式背景客户需求经常需要出各种报表,部分客户对报表的样式有要求。包括颜色、字体、分页等等。代码使用Datagridview导出excel调整样式DevExpress.XtraGrid.Views.Grid.GridViewgdv#regionGridView属性设置//行号所在列的宽度gdv.IndicatorWidth=40
- springboot集成easyexcel实现导入导出
coder_monarch
SpringBootJAVAjavaspringboot后端
本文只实现比较简单的Excel导入导出,提供思路,以抛砖引玉第一步:新建一个实体类User@DatapublicclassUser{@TableId@ExcelProperty(value="序号")//导出Excel的列名privateIntegerid;@ExcelProperty(value="姓名")privateStringname;}第二步:项目pom文件添加easyexcel的依赖c
- 前端导入导出
m0_45127388
前端
1、将后端excel二进制文件导出excel下载import{read,utils,writeFileXLSX}from"xlsx";constuseExportExcel=(excelData:string,fileName:string)=>{constwb=read(excelData);constws=wb.Sheets[wb.SheetNames[0]];//从工作表生成数据行const
- mysql根据查询结果连续序号
@航空母舰
MYSQLmysql
业务数据一般都不是连续的ID,导出Excel的时候要求连续序号set@rownum=0;SELECT@rownum:=@rownum+1as`序号`,a.*fromusera
- 前端Excel导出实用方案(完整源码,可直接应用)
零凌林
vue2.0前端百宝箱JavaScript的世界前端vue.jsjavascriptsheetjsexcelExcelanti-design-vue
目录前言:技术选型:主要功能点:核心代码:完整代码:开发文档前言:在前后端分离开发为主流的时代,很多时候,excel导出已不再由后端主导,而是把导出的操作移交到了前端。本文在全局导出组件封装上,保持了高度的扩展性,无论大家用的是element组件库还是antdvue的组件库或者其他的组件库,都容易进行更换。技术选型:vue+antdvue+sheetjs前端导出excel导出,需借助第三方插件,目
- 服务器导出excel文档,服务器导出excel功能配置
weixin_39732249
服务器导出excel文档
服务器导出excel功能配置内容精选换一换该任务指导用户完成Linux云服务器的相关配置与其他驱动的安装,为最终生成的Linux裸金属服务器私有镜像做准备。配置Linux云服务器。具体操作请参考虚拟机环境配置。具体操作请参考虚拟机环境配置。安装并配置Cloud-Init工具,修改引导的硬件设备驱动,安装bms-network-config软件包、SDI卡驱动、Hi1822网卡驱动为加强对数据的容灾
- js-xlsx/xlsx-style 纯前端数据导出Excel且支持自定义样式
圆圆小朋友
前端Exceljs-xlsxexcel前端js
前端开发过程中经常遇到导出excel的需求。这种情况大多数都是服务端处理数据(QAQ至少我遇到的大多数都是这样),然后返回一个链接,前端不需要管服务端怎么操作直接打开这个链接(window.location.href=url;)就能下载excel了。但是事情往往没有那么简单,当表格数据不多,且没有分页的时候,服务端往往会把导出excel的操作扔给前端。。。。前端导出excel的情况也不少,经常做了
- .NET导出Excel的四种方法及评测
weixin_30335353
java操作系统javascriptViewUI
.NET导出Excel的四种方法及评测导出Excel是.NET的常见需求,开源社区、市场上,都提供了不少各式各样的Excel操作相关包。本文,我将使用NPOI、EPPlus、OpenXML、Aspose.Cells四个市面上常见的库,各完成一个导出Excel示例。然后对其代码风格和性能做一个横向比较。最后我将说出我自己的感想。文中所有的示例代码可以在这里下载:https://github.com/
- php导出excel失败原因,php导出excel问题之解决
weixin_40007541
php导出excel失败原因
java实现REST方式的webService一.简介WebService有两种方式,一是SOAP方式,二是REST方式.SOAP是基于XML的交互,WSDL也是一个XML文档,可以使用WSDL作为SOAP的描述文件:REST是基于HTTP...自定义citationstyles(cls)文献引用模板最近需要用国内某期刊的模板来写东西.所以需要自定义模板.国内的期刊主要遵循GB7714-2005的
- 前端导出excel表格
Sk8???
前端javascriptvue.js
1.vue-json-excel安装依赖npminstallvue-json-excel在main.js文件全局引入importJsonExcelfrom"vue-json-excel";Vue.component("downloadExcel",JsonExcel);页面中使用vue-json-excel插件文件下载download-excel下载exportdefault{name:"Hell
- 导出Excel,支持最佳
Anpedestrian
Javaexceljava
列表信息导出为Excel文件,依赖pom:Sheet,Row:org.apache.poipoiXSSFWorkbookorg.apache.poipoi-ooxml实现代码: override表示是否覆盖现有文件,false,追加;true,覆盖。privatevoidexportExcelToLocal(Listlist,Classclazz)throwsIOException{if(Coll
- 使用Hutool的ExcelUtil工具导出Excel时遇到的异常
ℳ₯㎕ddzོꦿ࿐
BUGexcel
遇到的异常信息:Youneedtoadddependencyof‘poi-ooxml’toyourproject,andversion>=4.1.2nestedexceptionisjava.lang.NoSuchFieldError:Factoryorg.openxmlformats.schemas.spreadsheetml.x2006.main.CTWorkbookorg.apache.lo
- 小程序导出excel
小疯仔
小程序excel
先上个图,这个是在电脑上测试导出来的表大致远离就是用的原生td,tr去导出的,代码导出一个表来看exportdefault{data(){return{successTip:"",};},methods:{tableToExcel(){//要导出的json数据constjsonData=[{name:"科比",phone:"123456",email:"科比@163.com",},{name:"科
- 《苍穹外卖》知识梳理P11-Apache POI导出报表
黒猫.
《苍穹外卖》实操总结系列javaspringmavenspringbootmybatisapache
一.ApachePOI可以通过ApachePOI处理excel文件,核心操作是读和写应用场景银行网银交易明细各种业务系统导出Excel报表批量导入业务数据使用步骤1.导入maven坐标org.apache.poipoiorg.apache.poipoi-ooxml2.测试代码(写操作)publicclassPoiTest{/***写操作*通过POI创建excel文件并写入文件内容*/publics
- Vue 2.0 + 结合elemnt ui 实现 列表导出
龙猫小哥
1.安装插件:npminstallvue-json-excel2.min.js中引入使用:importJsonExcelfrom'vue-json-excel'Vue.component('downloadExcel',JsonExcel)3.直接在页面中使用导出excelfetchData:导出的列表数据json_fields:表头对应字段name:导出表格的名字例:json_fields:{"
- winform使用NPIO导入导出Excel
道九离
excelc#
安装包NPIO命名空间usingNPOI.SS.UserModel;usingNPOI.XSSF.UserModel;usingSystem.IO;界面导出//////导出/////////privatevoidtoolStripButton2_Click(objectsender,EventArgse){//实例化XSSFXSSFWorkbookworkBook=newXSSFWorkbook(
- C# winfrom NPOI导出Excel 添加视频、音频文件
qq_42729129
winfromc#
NPOI是一个开源的C#读写Excel、WORD等微软OLE2组件的项目,使用NPOI你就可以在没有安装Office或者相应的机器上对WORD/EXCEL文件档进行读写。下载(项目是以解决方案模式打开的)工具->NuGetb包管理器->管理解决方案Nuget程序包搜索NPOI如果没有下载按钮点开项目目录看到引用右键点击管理NuGet程序包先引用usingSystem.IO;usingNPOI.HS
- C#利用NPOI导出参数
兔然生痣
c#java开发语言
学习目标:提示:这里可以添加学习目标例如:一周掌握Java入门知识学习内容:提示:这里可以添加要学的内容例如:掌握C#开发基本环境的搭配以及插件的使用。掌握C#Winform使用NPOI导入、导出Excel掌握条件语句掌握循环语句代码如下:`publicstaticvoidExportDataToExcel(DataTableTableName){stringFileName=DateTime.N
- Winform中使用NPOI实现导出Excel并文件另存为
霸道流氓气质
C#
场景POI是一套用Java写成的Excel导入导出的库。NPOI就是POI的.NET版本。NPOI官网https://archive.codeplex.com/?p=npoiNPOI教程https://www.cnblogs.com/atao/NPOI相关Lib中各种dll文件下载https://download.csdn.net/download/badao_liumang_qizhi/1160
- 如何用ruby来写hadoop的mapreduce并生成jar包
wudixiaotie
mapreduce
ruby来写hadoop的mapreduce,我用的方法是rubydoop。怎么配置环境呢:
1.安装rvm:
不说了 网上有
2.安装ruby:
由于我以前是做ruby的,所以习惯性的先安装了ruby,起码调试起来比jruby快多了。
3.安装jruby:
rvm install jruby然后等待安
- java编程思想 -- 访问控制权限
百合不是茶
java访问控制权限单例模式
访问权限是java中一个比较中要的知识点,它规定者什么方法可以访问,什么不可以访问
一:包访问权限;
自定义包:
package com.wj.control;
//包
public class Demo {
//定义一个无参的方法
public void DemoPackage(){
System.out.println("调用
- [生物与医学]请审慎食用小龙虾
comsci
生物
现在的餐馆里面出售的小龙虾,有一些是在野外捕捉的,这些小龙虾身体里面可能带有某些病毒和细菌,人食用以后可能会导致一些疾病,严重的甚至会死亡.....
所以,参加聚餐的时候,最好不要点小龙虾...就吃养殖的猪肉,牛肉,羊肉和鱼,等动物蛋白质
- org.apache.jasper.JasperException: Unable to compile class for JSP:
商人shang
maven2.2jdk1.8
环境: jdk1.8 maven tomcat7-maven-plugin 2.0
原因: tomcat7-maven-plugin 2.0 不知吃 jdk 1.8,换成 tomcat7-maven-plugin 2.2就行,即
<plugin>
- 你的垃圾你处理掉了吗?GC
oloz
GC
前序:本人菜鸟,此文研究学习来自网络,各位牛牛多指教
1.垃圾收集算法的核心思想
Java语言建立了垃圾收集机制,用以跟踪正在使用的对象和发现并回收不再使用(引用)的对象。该机制可以有效防范动态内存分配中可能发生的两个危险:因内存垃圾过多而引发的内存耗尽,以及不恰当的内存释放所造成的内存非法引用。
垃圾收集算法的核心思想是:对虚拟机可用内存空间,即堆空间中的对象进行识别
- shiro 和 SESSSION
杨白白
shiro
shiro 在web项目里默认使用的是web容器提供的session,也就是说shiro使用的session是web容器产生的,并不是自己产生的,在用于非web环境时可用其他来源代替。在web工程启动的时候它就和容器绑定在了一起,这是通过web.xml里面的shiroFilter实现的。通过session.getSession()方法会在浏览器cokkice产生JESSIONID,当关闭浏览器,此
- 移动互联网终端 淘宝客如何实现盈利
小桔子
移動客戶端淘客淘寶App
2012年淘宝联盟平台为站长和淘宝客带来的分成收入突破30亿元,同比增长100%。而来自移动端的分成达1亿元,其中美丽说、蘑菇街、果库、口袋购物等App运营商分成近5000万元。 可以看出,虽然目前阶段PC端对于淘客而言仍旧是盈利的大头,但移动端已经呈现出爆发之势。而且这个势头将随着智能终端(手机,平板)的加速普及而更加迅猛
- wordpress小工具制作
aichenglong
wordpress小工具
wordpress 使用侧边栏的小工具,很方便调整页面结构
小工具的制作过程
1 在自己的主题文件中新建一个文件夹(如widget),在文件夹中创建一个php(AWP_posts-category.php)
小工具是一个类,想侧边栏一样,还得使用代码注册,他才可以再后台使用,基本的代码一层不变
<?php
class AWP_Post_Category extends WP_Wi
- JS微信分享
AILIKES
js
// 所有功能必须包含在 WeixinApi.ready 中进行
WeixinApi.ready(function(Api) {
// 微信分享的数据
var wxData = {
&nb
- 封装探讨
百合不是茶
JAVA面向对象 封装
//封装 属性 方法 将某些东西包装在一起,通过创建对象或使用静态的方法来调用,称为封装;封装其实就是有选择性地公开或隐藏某些信息,它解决了数据的安全性问题,增加代码的可读性和可维护性
在 Aname类中申明三个属性,将其封装在一个类中:通过对象来调用
例如 1:
//属性 将其设为私有
姓名 name 可以公开
- jquery radio/checkbox change事件不能触发的问题
bijian1013
JavaScriptjquery
我想让radio来控制当前我选择的是机动车还是特种车,如下所示:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"><
- AngularJS中安全性措施
bijian1013
JavaScriptAngularJS安全性XSRFJSON漏洞
在使用web应用中,安全性是应该首要考虑的一个问题。AngularJS提供了一些辅助机制,用来防护来自两个常见攻击方向的网络攻击。
一.JSON漏洞
当使用一个GET请求获取JSON数组信息的时候(尤其是当这一信息非常敏感,
- [Maven学习笔记九]Maven发布web项目
bit1129
maven
基于Maven的web项目的标准项目结构
user-project
user-core
user-service
user-web
src
- 【Hive七】Hive用户自定义聚合函数(UDAF)
bit1129
hive
用户自定义聚合函数,用户提供的多个入参通过聚合计算(求和、求最大值、求最小值)得到一个聚合计算结果的函数。
问题:UDF也可以提供输入多个参数然后输出一个结果的运算,比如加法运算add(3,5),add这个UDF需要实现UDF的evaluate方法,那么UDF和UDAF的实质分别究竟是什么?
Double evaluate(Double a, Double b)
- 通过 nginx-lua 给 Nginx 增加 OAuth 支持
ronin47
前言:我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算,阅读下面的文档,实现自动化并获得收益。SeatGeek 在过去几年中取得了发展,我们已经积累了不少针对各种任务的不同管理接口。我们通常为新的展示需求创建新模块,比如我们自己的博客、图表等。我们还定期开发内部工具来处理诸如部署、可视化操作及事件处理等事务。在处理这些事务中,我们使用了几个不同的接口来认证:
&n
- 利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法
bsr1983
session
在利用tomcat-redis-session-manager做session同步时,遇到了在session保存一个自定义对象时,修改该对象中的某个属性,session未进行序列化,属性没有被存储到redis中。 在 tomcat-redis-session-manager的github上有如下说明: Session Change Tracking
As noted in the &qu
- 《代码大全》表驱动法-Table Driven Approach-1
bylijinnan
java算法
关于Table Driven Approach的一篇非常好的文章:
http://www.codeproject.com/Articles/42732/Table-driven-Approach
package com.ljn.base;
import java.util.Random;
public class TableDriven {
public
- Sybase封锁原理
chicony
Sybase
昨天在操作Sybase IQ12.7时意外操作造成了数据库表锁定,不能删除被锁定表数据也不能往其中写入数据。由于着急往该表抽入数据,因此立马着手解决该表的解锁问题。 无奈此前没有接触过Sybase IQ12.7这套数据库产品,加之当时已属于下班时间无法求助于支持人员支持,因此只有借助搜索引擎强大的
- java异常处理机制
CrazyMizzz
java
java异常关键字有以下几个,分别为 try catch final throw throws
他们的定义分别为
try: Opening exception-handling statement.
catch: Captures the exception.
finally: Runs its code before terminating
- hive 数据插入DML语法汇总
daizj
hiveDML数据插入
Hive的数据插入DML语法汇总1、Loading files into tables语法:1) LOAD DATA [LOCAL] INPATH 'filepath' [OVERWRITE] INTO TABLE tablename [PARTITION (partcol1=val1, partcol2=val2 ...)]解释:1)、上面命令执行环境为hive客户端环境下: hive>l
- 工厂设计模式
dcj3sjt126com
设计模式
使用设计模式是促进最佳实践和良好设计的好办法。设计模式可以提供针对常见的编程问题的灵活的解决方案。 工厂模式
工厂模式(Factory)允许你在代码执行时实例化对象。它之所以被称为工厂模式是因为它负责“生产”对象。工厂方法的参数是你要生成的对象对应的类名称。
Example #1 调用工厂方法(带参数)
<?phpclass Example{
- mysql字符串查找函数
dcj3sjt126com
mysql
FIND_IN_SET(str,strlist)
假如字符串str 在由N 子链组成的字符串列表strlist 中,则返回值的范围在1到 N 之间。一个字符串列表就是一个由一些被‘,’符号分开的自链组成的字符串。如果第一个参数是一个常数字符串,而第二个是type SET列,则 FIND_IN_SET() 函数被优化,使用比特计算。如果str不在strlist 或st
- jvm内存管理
easterfly
jvm
一、JVM堆内存的划分
分为年轻代和年老代。年轻代又分为三部分:一个eden,两个survivor。
工作过程是这样的:e区空间满了后,执行minor gc,存活下来的对象放入s0, 对s0仍会进行minor gc,存活下来的的对象放入s1中,对s1同样执行minor gc,依旧存活的对象就放入年老代中;
年老代满了之后会执行major gc,这个是stop the word模式,执行
- CentOS-6.3安装配置JDK-8
gengzg
centos
JAVA_HOME=/usr/java/jdk1.8.0_45
JRE_HOME=/usr/java/jdk1.8.0_45/jre
PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin
CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib
export JAVA_HOME
- 【转】关于web路径的获取方法
huangyc1210
Web路径
假定你的web application 名称为news,你在浏览器中输入请求路径: http://localhost:8080/news/main/list.jsp 则执行下面向行代码后打印出如下结果: 1、 System.out.println(request.getContextPath()); //可返回站点的根路径。也就是项
- php里获取第一个中文首字母并排序
远去的渡口
数据结构PHP
很久没来更新博客了,还是觉得工作需要多总结的好。今天来更新一个自己认为比较有成就的问题吧。 最近在做储值结算,需求里结算首页需要按门店的首字母A-Z排序。我的数据结构原本是这样的:
Array
(
[0] => Array
(
[sid] => 2885842
[recetcstoredpay] =&g
- java内部类
hm4123660
java内部类匿名内部类成员内部类方法内部类
在Java中,可以将一个类定义在另一个类里面或者一个方法里面,这样的类称为内部类。内部类仍然是一个独立的类,在编译之后内部类会被编译成独立的.class文件,但是前面冠以外部类的类名和$符号。内部类可以间接解决多继承问题,可以使用内部类继承一个类,外部类继承一个类,实现多继承。
&nb
- Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten
zhb8015
maven pom.xml关于hibernate的配置和异常信息如下,查了好多资料,问题还是没有解决。只知道是包冲突,就是不知道是哪个包....遇到这个问题的分享下是怎么解决的。。
maven pom:
<dependency>
<groupId>org.hibernate</groupId>
<ar
- Spark 性能相关参数配置详解-任务调度篇
Stark_Summer
sparkcachecpu任务调度yarn
随着Spark的逐渐成熟完善, 越来越多的可配置参数被添加到Spark中来, 本文试图通过阐述这其中部分参数的工作原理和配置思路, 和大家一起探讨一下如何根据实际场合对Spark进行配置优化。
由于篇幅较长,所以在这里分篇组织,如果要看最新完整的网页版内容,可以戳这里:http://spark-config.readthedocs.org/,主要是便
- css3滤镜
wangkeheng
htmlcss
经常看到一些网站的底部有一些灰色的图标,鼠标移入的时候会变亮,开始以为是js操作src或者bg呢,搜索了一下,发现了一个更好的方法:通过css3的滤镜方法。
html代码:
<a href='' class='icon'><img src='utv.jpg' /></a>
css代码:
.icon{-webkit-filter: graysc