前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Uploadify的一点总结

Uploadify的一点总结

作者头像
用户1075292
发布2018-01-23 14:35:25
6650
发布2018-01-23 14:35:25
举报
文章被收录于专栏:听雨堂听雨堂听雨堂
  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)+"【说明结束】\r\n");
          }
        },
        'onAllComplete': function(e,data)
        {
            alert("图片已经上传,并为每个图片生成了一段说明文字。如果需要修改,可以修改上方“图片”框中 【说明】和【说明结束】 之间的说明文字!");
        }            
    });
});  
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2010-08-03 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档