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)+"【说明结束】\r\n");
          }
        },
        'onAllComplete': function(e,data)
        {
            alert("图片已经上传,并为每个图片生成了一段说明文字。如果需要修改,可以修改上方“图片”框中 【说明】和【说明结束】 之间的说明文字!");
        }           
    });
}); 

posted @   jetz  阅读(721)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 上周热点回顾(3.3-3.9)
· AI 智能体引爆开源社区「GitHub 热点速览」
点击右上角即可分享
微信分享提示