[转载]好书推荐《Pro ASP.NET MVC 3 Framework 3rd Edition》 – Junfeng Liu – 博客园.

[转载]如何通过豆瓣API获取图书和电影列表 – Justin – 博客园.

[转载]sqlserver2008的数据库自动备份方法 – Terry Zeng – 博客园.

[转载]如何用Swing去绘制电力系统图 – twaver – 博客园.

TWaver作为一款专业的图形界面控件，可以应用在各行各业中。本文我们就来详细介绍一下TWaver如何绘制出电力系统的界面。我们现在看看几张电力系统的图：

某变电站设备接线图一

某变电所的接线图二

当然这些是我在网上搜索的一些资源，那么TWaver是否能实现这样的界面呢？回答是肯定的，我们先来分析一下，电力电气系统中这些界面都是由很多 电气元素组成的，比如变压器，刀闸，开关，接地开关，电容器，发电机等。 接下来我们看看如何去扩展这些电气元素，先整个简单的刀闸，刀闸一般有两种状态，打开关闭，因此我们可以定义一个刀闸的类，继承于 ResizableNode,添加turnOn的属性来控制开关状态

public class Switch extends ResizableNode{
private boolean turnOn = true;

public Switch() {
super();
init();
}

public Switch(Object id){
super(id);
init();
}

private void init(){
this.setSize(5,30);
this.putBorderColor(Color.black);
this.putBorderInsets(12);
}

public String getUIClassID() {
return SwitchUI.class.getName();
}

public boolean isTurnOn() {
return turnOn;
}

public void setTurnOn(boolean turnOn) {
if(this.turnOn != turnOn){
boolean oldValue = this.turnOn;
this.turnOn = turnOn;
this.firePropertyChange("turnOn", oldValue, this.turnOn);
}
}
}

接着需要在UI上需要根据turnOn的属性来绘制开关的形状，下面贴一下主要的paint方法

public void paintBody(Graphics2D g) {
g.setStroke(TWaverConst.DOUBLE_WIDTH_STROKE);

Switch switzh = (Switch)this.getElement();

//get position
final Point location = switzh.getLocation();
final Dimension size = switzh.getSize();
boolean trunOn = switzh.isTurnOn();
final int x = location.x;
final int y = location.y;
final int width = size.width;
final int height = size.height;

//draw color frame
g.setColor(new Color(170,0,225));
g.drawOval(x, y, width, width);
g.drawOval(x, y+height-width, width, width);

if(trunOn){
g.drawLine(x+width/2, y+height-width, x+height/2,y+width);
}else{
g.drawLine(x+width/2, y+height-width, x+width/2, y+width);
}
}

通过一个main来运行看看扩展出来的效果：

这是简单的刀闸元素，扩展起来还是比较容易的。接下来来个稍微复杂一点的–接地开关，同样它和刀闸一样，也有两种状态

这个例子中我们给接地开关设置了几个不同的方向，同样上面的也可以这么做一下处理，我们来看看如何绘制这个接地开关的

public void paintBody(Graphics2D g) {
g.setStroke(TWaverConst.BASIC_STROKE);
g.setColor(Color.black)

EarthingSwitch earthingSwitch = (EarthingSwitch)this.getElement();
final Point location = earthingSwitch.getLocation();

boolean turnOn = earthingSwitch.isTurnOn();
int position = earthingSwitch.getSwitchPosition();
final int x = location.x;
final int y = location.y;
int width = earthingSwitch.getWidth();
int height = earthingSwitch.getHeight();
//draw body
if(turnOn){
if(position == Utils.SWITCH_POSITION_TOP){
g.drawLine(x+width/4, y, x+width/4*3, y);
g.drawLine(x+width/6, y+2, x+width/6*5, y+2);
g.drawLine(x, y+4, x+width, y+4);
g.drawLine(x+width/2, y+4, x+width/2, y+7);
g.drawLine(x+width/2, y+7, x+width, y+height-10);
g.drawLine(x+width/2, y+height-3, x+width/2, y+height);
}else if(position == Utils.SWITCH_POSITION_LEFT){
//transfer width and height
int middle = width;
width = height;
height = middle;

g.drawLine(x,y+height/4, x, y+height/4*3);
g.drawLine(x+2, y+height/6, x+2, y+height/6*5);
g.drawLine(x+4, y, x+4, y+height);
g.drawLine(x+4, y+height/2, x+7, y+height/2);
g.drawLine(x+7, y+height/2, x+width-10, y);
g.drawLine(x+width-3, y+height/2, x+width, y+height/2);
}else if(position == Utils.SWITCH_POSITION_BOTTOM){
g.drawLine(x+width/4, y+height, x+width/4*3, y+height);
g.drawLine(x+width/6, y+height-2, x+width/6*5, y+height-2);
g.drawLine(x, y+height-4, x+width, y+height-4);
g.drawLine(x+width/2, y+height-4, x+width/2, y+height-7);
g.drawLine(x+width/2, y+height-7, x, y+10);
g.drawLine(x+width/2, y+3, x+width/2, y);
}else if(position == Utils.SWITCH_POSITION_RIGHT){
//transfer width and height
int middle = width;
width = height;
height = middle;

g.drawLine(x+width,y+height/4, x+width, y+height/4*3);
g.drawLine(x+width-2, y+height/6, x+width-2, y+height/6*5);
g.drawLine(x+width-4, y, x+width-4, y+height);
g.drawLine(x+width-4, y+height/2, x+width-7, y+height/2);
g.drawLine(x+width-7, y+height/2, x+10, y);
g.drawLine(x+3, y+height/2, x, y+height/2);
}
}else{
if(position == Utils.SWITCH_POSITION_TOP){
g.drawLine(x+width/4, y, x+width/4*3, y);
g.drawLine(x+width/6, y+2, x+width/6*5, y+2);
g.drawLine(x, y+4, x+width, y+4);
g.drawLine(x+width/2, y+4, x+width/2, y+7);
g.drawLine(x+width/2, y+7, x+width/2, y+height-3);
g.drawLine(x+width/2, y+height-3, x+width/2, y+height);
}else if(position == Utils.SWITCH_POSITION_LEFT){
//transfer width and height
int middle = width;
width = height;
height = middle;

g.drawLine(x,y+height/4, x, y+height/4*3);
g.drawLine(x+2, y+height/6, x+2, y+height/6*5);
g.drawLine(x+4, y, x+4, y+height);
g.drawLine(x+4, y+height/2, x+7, y+height/2);
g.drawLine(x+7, y+height/2, x+width-3, y+height/2);
g.drawLine(x+width-3, y+height/2, x+width, y+height/2);
}else if(position == Utils.SWITCH_POSITION_BOTTOM){
g.drawLine(x+width/4, y+height, x+width/4*3, y+height);
g.drawLine(x+width/6, y+height-2, x+width/6*5, y+height-2);
g.drawLine(x, y+height-4, x+width, y+height-4);
g.drawLine(x+width/2, y+height-4, x+width/2, y+height-7);
g.drawLine(x+width/2, y+height-7, x+width/2, y+3);
g.drawLine(x+width/2, y+3, x+width/2, y);
}else if(position == Utils.SWITCH_POSITION_RIGHT){
//transfer width and height
int middle = width;
width = height;
height = middle;

g.drawLine(x+width,y+height/4, x+width, y+height/4*3);
g.drawLine(x+width-2, y+height/6, x+width-2, y+height/6*5);
g.drawLine(x+width-4, y, x+width-4, y+height);
g.drawLine(x+width-4, y+height/2, x+width-7, y+height/2);
g.drawLine(x+width-7, y+height/2, x+3, y+height/2);
g.drawLine(x+3, y+height/2, x, y+height/2);
}
}
}

还有一些其他的元素，比如开关，发电机，变压器这些可以直接通过TWaver提供的customDraw很容易的配置出来，这些就比较简单了，此处代码省略100字，直接上图了

有了这些基础的元素，那么来绘制电力系统界面就显得不是那么复杂了，我们通过上面扩展的这些电力元素用twaver的工具画出了一个电力系统图，如下：

最后我们可以在界面上加上交互，比如双击打开关闭刀闸开关，然后添加自己的业务，这样一个简单的电力系统界面就完成了

network.addElementDoubleClickedActionListener(new ActionListener(){
public void actionPerformed(ActionEvent e) {
Element ele = network.getSelectionModel().lastElement();
if(ele instanceof Switch){
boolean turnOn = ((Switch)ele).isTurnOn();
((Switch)ele).setTurnOn(!turnOn);
}
}
});

同样最先贴出来的两张变电所的图是不是也就很容易的做出来呢!最后再附上TWaver做的另一张电力界面图

[转载]漫画追踪器Tracker – 风中之炎 – 博客园.

1. 动机

关注漫画的人肯定会发现漫画的更新时间差异非常大：有的一个星期更新一集，有的一个月更新一集，有的一季度更新一集。如果关注的是日本漫画，并且不会日文，那么更新后的漫画还要等待汉化组翻译成中文才能看。这一等，少则几小时，多则几个星期。

等得多了，就会产生这样一种想法：如果漫画更新后能通知我就好了。有的漫画网站抓住了这种想法，增加了关注的漫画更新后就发邮件通知的功能。但是，对于不经常查看邮箱的人来说，这种功能并没有多大帮助。于是，就有了进一步的想法：如果关注的漫画更新后，就立刻下载到我的电脑上，并且弹出提示框就好了。

根据这个想法形成的工具正是tracker。因而它的核心功能就是追踪漫画——当关注的漫画更新时，立即下载到指定文件夹，并弹出对话框提示。

2. 关键功能实现

实现tracker的追踪功能的难点在于漫画更新的判定，而下载功能的难点则是搞定漫画网站的防盗链/防盗图。以下以99漫画网(http://www.99comic.com)为例说明这两个功能是如何实现的。

2.1 判定漫画更新

在99漫画网中，打开《火影忍者》可以得到如下页面：

从上图可以得到一个猜测，漫画集数都放在同一个div中（观察该页面的源代码可以证明这个猜测是正确的）。既然如此，当漫画更新了，新一集的名称必然也是放在这个div中。根据这个特性，可以得到如下想法：记录div的当前集数，并每隔一定时间访问该页面，如果发现div中集数增加了，就说明漫画更新了。

此外，如果仔细观察页面，会发现有一个漫画更新时间（即图中红圈圈出部分）。既然是漫画更新时间，那么当漫画更新了，这个时间也应该更新。换句话说，只要记录更新时间，并每隔一定时间判定更新时间是否改变，就能判断漫画是否更新。

利用更新时间来判定是否更新在省功夫的同时，也意味着会缺失更多的信息——不清楚更新的是什么。此外，也不能确保漫画更新的同时，更新的时间会马上改变。基于以上考虑，最后实现时采用的想法是第一个想法，记录div中的漫画集数。

以下是该想法实现的流程图：

2.2 下载功能

通常来说，如果知道一张图片的URL地址，下载这张图片是相当简单的。但是99漫画网出于防盗链/防盗图的考虑，将URL地址隐藏了。所以难点就变成了找 到图片的URL地址。为了更好地分析图片的URL地址是如何隐藏的，我使用了Paros来截取http请求以及回应。以下开始分析。

点击火影忍者570集（http://www.99comic.com/manhua/99168/list_90873.htm?s=9 ），在Paros中查找是哪一个请求得到图片的。

在显示该漫画图片的网页的源代码中（图3-5用红色方框所圈出的那部分），可以找到图3-3请求的URL的一部分。但是前面那部分URL却没办法在源代码中找到。也就是说，存放图片服务器的URL被该漫画网站用其它方法隐藏了。

检查打开漫画图片所在网页时收到的全部回应后，在一个脚本的回应中找到了服务器的URL（图3-6用红圈圈出部分）。这个脚本请求的服务器URL是漫画网站的名称，而相对URL则可以在漫画图片所在网页的源代码中找到（图3-5用红圈圈出部分）。

找到了隐藏服务器的URL，还有相对URL，分析是不是能结束了。不能！因为现在有一个疑点——在脚本的回应中（图3-6），列出了很多服务器的URL。 这意味着不同漫画或者不同时候会使用不同的服务器。所以还要分析整个脚本，找到是如何选择服务器的。不过，分析脚本的过程比较复杂，这里就直接给出分析结 果：选择哪一个服务器与漫画所在页面的URL有关系。

总结以上过程，可以得到这样的获取方法：先请求漫画图片所在网页的URL，在回应中提取图片的相对URL，脚本的相对URL。然后利用漫画网站名称和脚本 的相对URL，构造出完整的脚本URL，并请求该脚本。利用逆解析函数分析脚本回应，得出图片的服务器URL。最后，将图片的服务器URL与相对URL结 合起来，并进行请求，就能得到图片了。

3. 使用Tracker的追踪功能

第一步，首先在搜索漫画栏写上自己要追踪的漫画名称，然后按下回车键或者搜索按钮。如果搜索结果没有发现自己想要的漫画，可尝试更换来源网站

第二步，单击想要追踪的漫画。PS：这时会出现漫画的简介与当前的集数。

第三步，点击追踪漫画的按钮，这时会弹出如下图所示的一个对话框。

第四步，选择一个保存用的文件夹。当漫画更新时，就会将最新那集下载到这个文件夹中。

第五步：想要追踪时，就开着这个软件。当漫画更新，会有以下提示：

PS:你可能会说577不是已经出了吗？这是BUG吗？不是，这是我为了演示，修改配置文件造成的

4. 下载

a. Tracker V1.1: http://115.com/file/c2k6ztfr#

b. JVM:http://java.com/en/download/inc/windows_upgrade_ie.jsp

PS:当无法打开Tracker时，才下载JVM

[转载]图片热点的使用，html 的用法 – Cherish You – 博客园.

<area>标记主要用于图像地图，通过该标记可以在图像地图中设定作用区域（又称为热点），这样当用户的鼠标移到指定的作用区域点击时，会自动链接到预先设定好的页面。其基本语法结构如下：

      <area  class=type  id＝Value  href＝url  alt＝text  shape＝area-shape coods＝value>

　　class和id：是分别指定热点的类型和id号。

　　alt：用于设定热点的替代性文字。

　　href：用于设定该热点所链接的url地址。

　　shape和coords：是两个主要的参数，用于设定热点的形状和大小。其基本用法如下：

　　<area shape=”rect” coords=”x1, y1,x2,y2″ href=url>表示设定热点的形状为矩形，左上角顶点坐标为（X1,y1），右下角顶点坐标为（X2,y2）。

　　<area shape=”circle” coords=”x1, y1,r” href=url>表示设定热点的形状为圆形，圆心坐标为（X1,y1），半径为r。

　　<area shape=”poligon” coords=”x1, y1,x2,y2 ……” href=url>表示设定热点的形状为多边形，各顶点坐标依次为（X1,y1）、（X2,y2）、（x3,y3） ……。

       备注：x1, y1,x2,y2　这几个点的位置 是根据图片而定的，不是根据窗口的大小而定。

        <area>标记是在图像地图中划分作用区域的，因此其划分的作用区域必须在图像地图的区域内，所以在用 <area> 标记划分区域前必须用HTML的另一个标记<map>来设定图像地图的作用区域，并为指定的图像地图设定名称，该标记的用法很简单， 即<map name=”图像地图名称”> …… </map>。

    下面通过一个例子来说明这两个标记的用法：

　　这里是一幅新书架的图片，要做的效果是：当鼠标点“网址大全”这本书时，新开一窗口，显示关于这本书的简介及订单的网页 （urlall.htm）；当鼠标点“网站设计攻略”这本书时，新开一窗口，显示关于这本书的简介及订单的网页（siteall.htm）；当鼠标点“网 页技巧大全”这本书时，新开一窗口，显示关于这本书的简介及订单的网页（pagejqlall.htm）。制作方法：

1、插入图片，并设置好图像的有关参数，且在<img>标记中设置参数usemap=”newbook” ismap，以表示对图像地图（newbook）的引用；

2、用<map>标记设定图像地图的作用区域，并取名为：newbook；

3、分别用<area>标记针对三本书的位置划分出三个矩形作用区域，并设定好其链接参数href。

制作完成，本例的源代码如下：

<img src=”http://www.webjx.com/images/logo.gif” width=”207″ height=”148″ alt=”新书架” hspace=”10″ align=”left” usemap=”#newbook” border=”0″>
<map name=”newbook”>
<area shape=”rect” coords=”56,69,78,139″ href=”urlall.htm” target=”_blank” alt=”这里收集十万多个网址。” title=”这里收集十万多个网址。”>
<area shape=”rect” coords=”82,70,103,136″ href=”siteall.htm” target=”_blank” alt=”网站设计师的启蒙读本。” title=”网站设计师的启蒙读本。”>
<area shape=”rect” coords=”106,68,128,136″ href=”pageall.htm” target=”_blank” alt=”网页制作者不可不读的书。” title=”网页制作者不可不读的书。”>
</map>

　　在制作本文介绍的效果时应注意的几点：

1、在<img>标记不要忘记设置usemap、ismap参数，且usemap的参数值必须与<map>标记中的name参数值相同，也就是说，“图像地图名称”要一致；

2、同一“图像地图”中的所有热点区域都要在图像地图的范围内，即所有<area>标记均要在<map>与</map>之间；

3、在<area>标记中的 cords 参数设定的坐标格式要与shape参数设定的作用区域形状配套，避免出现在shape参数设置的矩形作用区域，而在cords 中设置的却是多边形区域顶点坐标的现象出现。

[转载]在windows下使用git客户端,github源码库以及eclipse的git插件-egit的使用 – minvt – 博客园.

[转载]使用事务操作SQLite数据库和一些常用的SQL语句 – forrest001 – 博客园.

[转载]JQuery.Uploadify asp.net(C#)文件,多文件上传插件.

Uploadify是JQuery的一个上传插件，带进度显示, 支持多文件上传。不过官方提供的实例时php版本的

Uploadify唯一的缺点就是不支持中文按钮

官方下载  官方文档  官方演示

实现

Uploadify实现最低要求:

<script type="text/javascript" src="/uploadify/jquery-1.4.2.min.js"></script><script type="text/javascript" src="/uploadify/swfobject.js"></script>
<script type="text/javascript" src="/uploadify/jquery.uploadify.v2.1.4.min.js"></script><script type="text/javascript">// <![CDATA[
    $(document).ready(function() {   $('#file_upload').uploadify({     'uploader'  : '/uploadify/uploadify.swf',     'script'    : '/uploadify/uploadify.php',     'cancelImg' : '/uploadify/cancel.png',     'folder'    : '/uploads',     'auto'      : true   }); });
// ]]></script>

确保你有上传的文件夹的写入权限.

<input id="uploadify" type="file" name="uploadify" />

<a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>|
<a href="javascript:$('#uploadify').uploadifyClearQueue()">取消上传</a>

主要参数

示例:

$(document).ready(function() {
$('#fileInput1').fileUpload({
'uploader': 'uploader.swf',//不多讲了
'script': '/AjaxByJQuery/file.do',//处理Action
'cancelImg': 'cancel.png',
'folder': '',//服务端默认保存路径
'scriptData':{'methed':'uploadFile','arg1','value1'},
//向后台传递参数,methed,arg1为参数名,uploadFile,value1为对应的参数值,服务端通过request["arg1"]
'buttonText':'UpLoadFile',//按钮显示文字,不支持中文,解决方案见下
//'buttonImg':'图片路径',//通过设置背景图片解决中文问题,就是把背景图做成按钮的样子
'multi':'true',//多文件上传开关
'fileExt':'*.xls;*.csv',//文件过滤器
'fileDesc':'.xls',//文件过滤器 详解见文档
'onComplete' : function(event,queueID,file,serverData,data){
//serverData为服务器端返回的字符串值
alert(serverData);
}
});
});

scriptData

向后台传递参数,methed,arg1为参数名,uploadFile,value1为对应的参数值,服务端通过request.getP

onComplete中serverData

后台传回前台的值

可选参数

uploadify函数的参数为json格式，可以对json对象的key值的修改来进行自定义的设置，如multi设置为true或false来控制是否可以进行多文件上传，下面就来介绍下这些key值的意思：

uploader ： uploadify.swf 文件的相对路径，该swf文件是一个带有文字BROWSE的按钮，点击后淡出打开文件对话框，默认值：uploadify.swf。
script ：   后台处理程序的相对路径 。默认值：uploadify.php
checkScript ：用来判断上传选择的文件在服务器是否存在的后台处理程序的相对路径
fileDataName ：设置一个名字，在服务器处理程序中根据该名字来取上传文件的数据。默认为Filedata
method ： 提交方式Post 或Get 默认为Post
scriptAccess ：flash脚本文件的访问模式，如果在本地测试设置为always，默认值：sameDomain
folder ：  上传文件存放的目录 。
queueID ： 文件队列的ID，该ID与存放文件队列的div的ID一致。 进度条放置的位置

$(document).ready(function()
{
$("#uploadify").uploadify({
'uploader': 'JS/jquery.uploadify-v2.1.0/uploadify.swf',
'script': 'UploadHandler.ashx',
'cancelImg': 'JS/jquery.uploadify-v2.1.0/cancel.png',
'folder': 'UploadFile',
'queueID': 'fileQueue',
'auto': false,
'multi': true,
'onInit':function(){alert("1");},
'onSelect': function(e, queueId, fileObj)
{
alert("唯一标识:" + queueId + "\r\n" +
"文件名：" + fileObj.name + "\r\n" +
"文件大小：" + fileObj.size + "\r\n" +
"创建时间：" + fileObj.creationDate + "\r\n" +
"最后修改时间：" + fileObj.modificationDate + "\r\n" +
"文件类型：" + fileObj.type
);

}
});
});

onSelectOnce ：在单文件或多文件上传时，选择文件时触发。该函数有两个参数event，data，data对象有以下几个属性：
fileCount：选择文件的总数。
filesSelected：同时选择文件的个数，如果一次选择了3个文件该属性值为3。
filesReplaced：如果文件队列中已经存在A和B两个文件，再次选择文件时又选择了A和B，该属性值为2。
allBytesTotal：所有选择的文件的总大小。

onCancel : 当点击文件队列中文件的关闭按钮或点击取消上传时触发。该函数有event、queueId、fileObj、data四个参数，前三个参数同onSelect 中的三个参数，data对象有两个属性fileCount和allBytesTotal。
fileCount：取消一个文件后，文件队列中剩余文件的个数。
allBytesTotal：取消一个文件后，文件队列中剩余文件的大小。

onClearQueue ：当调用函数fileUploadClearQueue时触发。有event和data两个参数，同onCancel 中的两个对应参数。

onQueueFull ：当设置了queueSizeLimit并且选择的文件个数超出了queueSizeLimit的值时触发。该函数有两个参数event和queueSizeLimit。

onError ：当上传过程中发生错误时触发。该函数有event、queueId、fileObj、errorObj四个参数，其中前三个参数同上，errorObj对象有type和info两个属性。
type：错误的类型，有三种‘HTTP’, ‘IO’, or ‘Security’
info：错误的描述

onOpen ：点击上传时触发，如果auto设置为true则是选择文件时触发，如果有多个文件上传则遍历整个文件队列。该函数有event、queueId、fileObj三个参数，参数的解释同上。

onProgress ：点击上传时触发，如果auto设置为true则是选择文件时触发，如果有多个文件上传则遍历整个文件队列，在onOpen之后触发。该函数有 event、queueId、fileObj、data四个参数，前三个参数的解释同上。data对象有四个属性percentage、 bytesLoaded、allBytesLoaded、speed：
percentage：当前完成的百分比
bytesLoaded：当前上传的大小
allBytesLoaded：文件队列中已经上传完的大小
speed：上传速率 kb/s

onComplete：文件上传完成后触发。该函数有四个参数event、queueId、fileObj、response、data五个参数，前三个参数同上。response为后台处理程序返回的值，在上面的例子中为1或0，data有两个属性fileCount和speed
fileCount：剩余没有上传完成的文件的个数。
speed：文件上传的平均速率 kb/s

$('#file_upload').uploadify({
'uploader' : '/uploadify/uploadify.swf',
'script' : '/uploadify/uploadify.php',
'cancelImg' : '/uploadify/cancel.png',
'folder' : '/uploads',
'multi' : true,
'onComplete' : function(event, ID, fileObj, response, data) {
alert('There are ' + data.fileCount + ' files remaining in the queue.');
}
});

注：fileObj对象和上面讲到的有些不太一样，onComplete 的fileObj对象有个filePath属性可以取出上传文件的路径。

onAllComplete：文件队列中所有的文件上传完成后触发。该函数有event和data两个参数，data有四个属性，分别为：
filesUploaded :上传的所有文件个数。
errors ：出现错误的个数。
allBytesLoaded ：所有上传文件的总大小。
speed ：平均上传速率 kb/s

$('#file_upload').uploadify({
'uploader' : '/uploadify/uploadify.swf',
'script' : '/uploadify/uploadify.php',
'cancelImg' : '/uploadify/cancel.png',
'folder' : '/uploads',
'onAllComplete' : function(event,data) {
alert(data.filesUploaded + ' files uploaded successfully!');
}
});

在上面的例子中已经用了uploadifyUpload和uploadifyClearQueue两个函数，除此之外还有几个函数：

uploadifySettings：可以动态修改上面介绍的那些key值，如下面代码

$('#uploadify').uploadifySettings('folder','JS');

如果上传按钮的事件写成下面这样，文件将会上传到uploadifySettings定义的目录中

<a href="javascript:$('#uploadify').uploadifySettings('folder','JS');

$('#uploadify').uploadifyUpload()">上传</a>

uploadifyCancel：该函数接受一个queueID作为参数，可以取消文件队列中指定queueID的文件。

$('#uploadify').uploadifyCancel(id);

常见错误:

1.文件大小超了.

后端接收代码

public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
context.Response.Charset = "utf-8";

HttpPostedFile file = context.Request.Files["Filedata"];
string uploadPath =
HttpContext.Current.Server.MapPath(@context.Request["folder"]) + "\\";

if (file != null)
{
if (!Directory.Exists(uploadPath))
{
Directory.CreateDirectory(uploadPath);
}
file.SaveAs(uploadPath + file.FileName);
//下面这句代码缺少的话，上传成功后上传队列的显示不会自动消失
context.Response.Write("上传成功!");
}
else
{
context.Response.Write("0");
}
}

源码下载: Uploadify.zip

最近项目中需要跨域调用其他项目的数据，其他项目也是使用的EasyUI的datagrid组件，开始以为直接在datagrid的url属性定义为其他项目的url地址即可，可是测试下发现的确是返回了json数据但是json数据提示“invalid label” 错误，网上搜索了下错误解决办法，参考 “JavaScript处理Json的invalid label错误解决办法“的方法利用datagrid的loadData方法加载并转换了json还是提示上述错误，感觉原因不在格式问题。

搜索了下JavaScript跨域调用的文章“JavaScript跨域访问问题解决方法”得到启发，发现原来是因为easyUI使用的是JQuery的异步方法加载数据，应该遵循JQuery的跨域访问规则，也就是上述文章中提到的url中需要加入jsoncallback=？回调函数参数，并且返回的json的格式必须修改为：回调函数名（json数据），而现在返回的数据只是json格式的数据没有回调函数名，自然提示格式错误，于是修改了ASP.NET MVC自定义的JsonResult类，具体如何编写自定义的JsonResult类见：自定义ASP.NET MVC JsonResult序列化结果，

代码如下：

public class CustomJsonResult:JsonResult
{
public override void ExecuteResult(ControllerContext context)
{
if (context == null)
{
throw new ArgumentNullException("context");
}

HttpResponseBase response = context.HttpContext.Response;

if (!String.IsNullOrEmpty(ContentType))
{
response.ContentType = ContentType;
}
else
{
response.ContentType = "application/json";
}
if (ContentEncoding != null)
{
response.ContentEncoding = ContentEncoding;
}
if (Data != null)
{
#pragma warning disable 0618
//跨域调用需要修改json格式jsoncallback
if (context.HttpContext.Request.Params.AllKeys.Contains("jsoncallback"))
{
String callback = context.HttpContext.Request.Params["jsoncallback"];
response.Write(callback+"("+JsonConvert.SerializeObject(Data)+")");
}
else
{
response.Write(JsonConvert.SerializeObject(Data));
}
#pragma warning restore 0618
}
}
}

EasyUI的datagrid的代码如下:

    //datagrid
    $('#dg').datagrid({
        url:'http://localhost:9000/ManagementSystem/ListCurrent?department=sss&jsoncallback=?',
        pageNumber: 1,
        pageSize: 20,
        pageList: [20, 40, 60, 80, 100],
        onDblClickRow: function(rowIndex) {
            edit();
        }
    });