Uploadify的一点总结
- 网上找到例子版本较老,在vs2005下不能用,但基本上新建一个页面,把js代码复制过来即可
- 用的jquery是1.23,但用1.4也没有问题
- 处理页面是UploadHandler.ashx,但完全可以建立一个新页面,在页面中处理
- 返回时可以把其他的response都clear掉。
- 支持返回更多的信息,比如,在服务器端重命名了文件名,就可以在返回成功失败之后加上文件名。我是这样的格式1,20100803112512.jpg。客户端同样可以正常运行。
- 客户端的代码,对response进行判断,获取返回的文件名,并把它们写到相应的TextBox中。还可以在全完后显示提示。
$(document).ready(function()
{
$("#uploadify").uploadify({
'uploader': '../Jq/jquery.uploadify-v2.1.0/uploadify.swf',
'script': 'UploadHandler.aspx',
'cancelImg': '../Jq/jquery.uploadify-v2.1.0/cancel.png',
'folder': '../pictures',
'queueID': 'fileQueue',
'auto': false,
'multi': true,
'fileExt':'*.jpg;*.gif;',
'fileDesc':"图片文件(*.jpg;*.gif)",
'onComplete': function(e,queueId,fileObj,response,data)
{
if(response.substr(0,2)=="1,")
{
//alert(response.substr(2));
var oldcon=$("#txtContent").val();
$("#txtContent").attr("value",oldcon+response.substr(2)+"【说明】"+fileObj.name.substr(0,fileObj.name.length-4)+"【说明结束】\r\n");
}
},
'onAllComplete': function(e,data)
{
alert("图片已经上传,并为每个图片生成了一段说明文字。如果需要修改,可以修改上方“图片”框中 【说明】和【说明结束】 之间的说明文字!");
}
});
});