1、添加引用,因为uploadify是jquery的插件所以要将jquery一并引用

     <script language="javascript" src="../js/jquery.uploadify-v1.6.2/jquery-1.3.2.min.js"></script>
     <script language="javascript" src="../js/jquery.uploadify-v1.6.2/jquery.uploadify.js"></script>
2、创建上传控件

<input type="file" name="uploadfile" id="uploadfiles"/>

  这里的控件应该只是占位作用,因为我在用div替换了input后一样正常显示和上传

   <Div id="uploadfiles" > </Div>

3、调用组件

<script language="javascript">
        $("document").ready(function(){
            $('#uploadfile).fileUpload ({
                'uploader'  : '../js/jquery.uploadify-v1.6.2/uploader.swf',
                'cancelImg' : '../js/jquery.uploadify-v1.6.2/cancel.png',
                'folder'    : '../upload',
                'script'    : 'UploadHandler.ashx',
                'auto'      : 'false',
                'fileDesc'  : 'Excel数据文件',
                'fileExt'   : '*.xls'
                });
        });
    </script>

4、添加上传和取消按钮

  <a href="javascript:$('#excelfile').fileUploadStart();">上传文件</a>

   <a href="javascript:$('#excelfile').fileUploadClearQueue();">清空队列</a>

5、服务端接收

for (int i = 0; i < context.Request.Files.Count; i++)
                {
                    HttpPostedFile postedFile = context.Request.Files[i];
                    string fileName = strUploadPath + Path.GetFileName(postedFile.FileName);
                    if (fileName != "")
                    {
                        postedFile.SaveAs(fileName);
                    }
                }

问题上传文件的大小似乎受限maxRequestLength属性
需要修改web.config文件里<httpRuntime> 元素的maxRequestLength属性,maxRequestLength属性的单位为KB

转载于:https://www.cnblogs.com/flyfire99/archive/2010/03/25/1694916.html

uploadify使用相关推荐

  1. Angularjs集成第三方js插件之Uploadify

    有时候需要用一些第三方插件,比如datepicker,slider,或者tree等.以前的做法是直接通过jquery取得某个元素,然后调用某个方法即可.但在angularjs中,不能直接这么写,必须写 ...

  2. ASP.NET MVC上传文件----uploadify的使用

    课程设计需要实现上传文件模块,本来ASP.NET是有内置的控件,但是ASP.NET MVC没有,所以就有两种方法:自定义和采用第三方插件.由于时间的关系,故采用第三方插件:uploadify. upl ...

  3. java使用uploadify上传文件

    一.简介 Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示:可以上传多个文件: 详细的使用方法网上有很多,建议到官网参考,这里仅仅展示其使用的效果: 官网:www.upl ...

  4. jquery文件上传控件 Uploadify

    基于jquery的文件上传控件,支持ajax无刷新上传,多个文件同时上传,上传进行进度显示,删除已上传文件. 要求使用jquery1.4或以上版本,flash player 9.0.24以上. 有两个 ...

  5. Uploadify jquery+falsh+UploadHandler.ashx

    官方网:http://www.uploadify.com/ 只有PHP版本 对于我们.net的来说是一个遗憾!现在奉献一个c#版本,希望对大家有用. 看代码其实很简单,在做这个之前遇到许多问题,特别是 ...

  6. 基于Jquery插件Uploadify实现实时显示进度条上传图片

    网址:http://www.jb51.net/article/83811.htm 这篇文章主要介绍了基于Jquery插件Uploadify实现实时显示进度条上传图片的相关资料,感兴趣的小伙伴们可以参考 ...

  7. Uploadify 上传插件引起Chrome崩溃解决方法

    将Uploadify初始化代码延时加载,可解决Chrome崩溃. setTimeout(initUploadify, 60); function initUploadify() {var $Uploa ...

  8. uploadify 上传

    本来想做一套上传公用的组建的,里面包含文件转码等功能,看来这些都只能后来一步一步加上了,先写下来... 1,引入脚本等 @{Layout = null; }<!DOCTYPE html>& ...

  9. [js]uploadify结合jqueryUI弹出框上传,js中的冒出的bug,又被ie坑了

    引言 最近在一个项目中,在用户列表中需要对给没有签名样本的个别用户上传签名的样本,就想到博客园中上传图片使用弹出框方式,博客园具体怎么实现的不知道,只是如果自己来弄,想到两个插件的结合使用,在弹出框中 ...

  10. uploadify 上传文件并带有随机数文件名生成

    2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transition ...

最新文章

  1. usaco Healthy Holsteins
  2. laravel框架总结(十一) -- 集合
  3. laravel框架数据迁移
  4. Icomparer和Icomparable集合排序
  5. VS2010测试工具对应LoadTest2010创建sql
  6. 神奇的判断数组名和指针的区别
  7. 10个css动画,10个精妙的CSS和Javascript动画Logo的示例(上)
  8. selenium中的window handle
  9. 用LabVIEW打包EXE应用文件和打包程序安装文件的方法
  10. java中isprime_Java中的Arcane isPrime方法
  11. 大数据技术_ 基础理论 之 大数据可视化
  12. 微信小程序存在的风险_微信小程序交易存在哪些风险
  13. 数值分析常用的几个小程序C++实现
  14. js中出现错误:Uncaught TypeError: date.getDay is not a function
  15. 如何将图片裁剪成规定尺寸?怎样裁剪多余画面尺寸?
  16. 分析器错误 在分析向此请求提供服务所需资源时出错 请检查下列特定分析错误详细信息并适当地修改源文件未能加载类型XXXX
  17. 基于IntelliJ Idea的Scala开发demo一Spark开发demo
  18. “高效的隐私保护的张量分解方法研究”学习笔记(上)
  19. 2021年安全员-B证(广西省)作业考试题库及安全员-B证(广西省)模拟考试题库
  20. mysql迁移版本_MySQL 5.7迁移升级8.0版本

热门文章

  1. Python断言方法:assert
  2. 使用ToolRunner运行Hadoop程序基本原理分析
  3. elasticsearch api中的Multi Get API操作
  4. 缓存穿透、缓存击穿和缓存雪崩
  5. 数十种TensorFlow实现案例汇集:代码+笔记
  6. 程序猿生存指南-38 枯木逢春
  7. Spring实战6-利用Spring和JDBC访问数据库
  8. BinaryStar代码分析前言
  9. Kilim实现浅析(一)
  10. WPF学习笔记 - 不一样的皇帝的新衣