Uploadify的一点总结

时间:2022-04-23
本文章向大家介绍Uploadify的一点总结,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
  1. 网上找到例子版本较老,在vs2005下不能用,但基本上新建一个页面,把js代码复制过来即可
  2. 用的jquery是1.23,但用1.4也没有问题
  3. 处理页面是UploadHandler.ashx,但完全可以建立一个新页面,在页面中处理
  4. 返回时可以把其他的response都clear掉。
  5. 支持返回更多的信息,比如,在服务器端重命名了文件名,就可以在返回成功失败之后加上文件名。我是这样的格式1,20100803112512.jpg。客户端同样可以正常运行。
  6. 客户端的代码,对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)+"【说明结束】rn");
          }
        },
        'onAllComplete': function(e,data)
        {
            alert("图片已经上传,并为每个图片生成了一段说明文字。如果需要修改,可以修改上方“图片”框中 【说明】和【说明结束】 之间的说明文字!");
        }            
    });
});