位置: 编程技术 - 正文

jQuery无刷新上传之uploadify简单代码(jquery 刷新div)

编辑:rootadmin

推荐整理分享jQuery无刷新上传之uploadify简单代码(jquery 刷新div),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery刷新页面的方法,ajax无刷新,ajax无刷新,jquery刷新当前页面的方法,jquery刷新当前页面的方法,ajax无刷新,jquery刷新当前页面的方法,jquery 刷新div,内容如对您有帮助,希望把文章链接给更多的朋友!

先简单的侃两句:貌似已经有两个月的时间没有写过文章了,不过仍会像以前那样每天至少有一至两个小时是泡在园子里看各位大神的文章。前些天在研究“ajax无刷新上传”方面的一些插件,用SWFUpload实现了无刷新上传的功能,不过个人觉得不是很完美。

昨天在网上找到了一个叫做uploadify的jquery上传插件,看到园子里有几篇文章也是介绍这个插件的,心想何不用这个试试。

不过园子里的这几篇文章用到的uploadify还是以前的旧版本uploadify-v2.1.0,我在官网上下载的是uploadify-v3.1版,其中的一些参数以及调用方法也不同了,还好官网有帮助文档。

(唯一感觉不爽的一点就是这个开发包是针对php的,官网并没有.NET版本,但至少原理都是一样的,简单的修改一下就可以了。还是那句话“不仅要知其然,还要知其所以然”,知其所以然了,一切都是浮云啊)

好了,废话不多说。先上个效果图,有图有真相:

一:从官网下载开发包添加到项目中,我对这个开发包做了一个精简,删去了那些php方面的文件:

项目基本结构:

二:添加对css和js文件的引用:

注意jquery.js文件和uploadify.js文件的调用顺序。

三:Default.aspx页面的代码如下:

四:一般处理程序UploadHandler.ashx简单代码如下:

五:用到的参数介绍:

通过查看jquery.uploadify-3.1.js中的默认设置并参考官方文档可得知:

jQuery无刷新上传之uploadify简单代码(jquery 刷新div)

参数不重新指定则保持默认:

swf:uploadify.swf 文件的相对路径

uploader:后台处理程序的相对路径

buttonText:按钮显示的文字

上传文件的类型默认为所有文件 'All Files' '*.*'

可以通过以下两参数指定,指定方法见步骤三中的代码:

fileTypeDesc;fileTypeExts;

auto:为true表示选择文件后自动上传;如果不想自动上传,需设定为false,并通过

来指定是上传还是取消上传;

multi:设置为true将允许多文件上传;

method: 提交方式Post 或Get 默认为Post;

queueSizeLimit:当允许多文件上传时,设置选择文件的个数,默认值为 ;

另外,取消上传图片的路径是设置在css文件中的;

其他更多设置可以参考官网的帮助文档。

六:将上传完成后显示的Complete显示为中文

英文的Complete不能改成中文”,这可能是之前的版本不能进行修改。我通过查看源代码 jquery.uploadify-3.1.js找到了上传完成时显示的内容:

再参考官方的帮助文档,可以得知,在“

onUploadSuccess” 事件中可以设置上传完成后所执行的代码,则修改后的代码为:

还有一个需要注意的一点是:一般在设定了选择上传文件路径时比如只允许上传*.jpg;*.png;*.gif格式的图片文件,则除了指定fileTypeDesc;fileTypeExts;两个参数外,还要在服务器端即一般处理程序中再次对上传文件的文件扩展名进行判断,以防一些用户跳过客户端验证上传恶意文件。

标签: jquery 刷新div

本文链接地址:https://www.jiuchutong.com/biancheng/370597.html 转载请保留说明!

上一篇:jQuery图片拖动组件Dropzone用法示例(js拖动图片)

下一篇:easyUI combobox实现联动效果(easyui combobox默认选中)

  • 小规模纳税人执行小企业会计准则吗
  • 软件产品即征即退条件
  • 或有资产的特点和或有资产的披露是什么
  • 无发票的费用怎样补交所得税
  • 小微自开专票申报时怎么填写
  • 汇票委托书会计分录
  • 增值税专用发票电子版
  • 少收的应收和应付账款怎么处理?
  • 销售折扣购货方的会计分录
  • 公司购买服装
  • 招待费税前扣除是什么意思
  • 公户转私户的钱几天能到账
  • 电子银行承兑汇票可以拆开吗
  • 以前年度不合规发票怎么处理
  • 增值税普通发票怎么开
  • 农产品所得税扣除比例
  • 工会经费购买发的东西要算个税吗?
  • 增值税专票代码TZD0085什么意思
  • 餐饮发票怎么进行财税处理?
  • 支票挂失需要本人去吗
  • 企业销售产品的会计分录
  • 工程部物品领用表格模板
  • 原材料损失计入
  • 非征期不允许上报汇总是怎么回事
  • 如何在Excel中进行单元格格式化?
  • 属于项目的一个实例
  • wd discovery怎么安装
  • 施工费增值税专用发票税率
  • 如何界定企业的收益
  • 耕地占用税的具体内容
  • PHP:session_cache_expire()的用法_Session函数
  • 无线路由器怎么连接
  • 三防手机厂商
  • wordpress的文章在数据库里吗?
  • 收到保险公司的赔款计入什么科目
  • vue click触发两次
  • 魅族路由器mini刷机
  • 财务人员如何管控费用支出
  • 波来古市在哪里
  • 分页page
  • Smarty实现页面静态化(生成HTML)的方法
  • gpt3 api
  • php use关键字
  • 计算机视觉项目文档
  • 融资租赁租金计算公式有残值
  • 织梦如何采集文章
  • python线程间通信的几种方法
  • 个体户不刻公章也要报税吗
  • 个税申报错误怎么退税
  • 股票股利的资金来源
  • 数据库系统中,用户通过什么访问数据
  • 劳务费与应付职工薪酬的区别
  • 委托代理出口如何缴纳增值税
  • 建筑安装企业外雇施工人员劳务费用什么做支付凭证
  • 党费结余如何计算
  • 新租赁准则入账
  • 购销合同交的印花税税率
  • 企业代理社保
  • 公司不做账不报税有什么后果?
  • 本年利润是什么科目?
  • 消费满赠送活动规则
  • mysql Sort aborted: Out of sort memory, consider increasing server sort buffer size的解决方法
  • mac chrome浏览器插件
  • xp.系统
  • 新款苹果笔记本测评
  • 电脑pc的操作系统叫什么
  • win8装机教程
  • linux命令使用例子
  • JQuery.Ajax()的data参数类型实例详解
  • ubuntu列出用户
  • 有道词典下载安装
  • android入门视频教程
  • 按钮点击后消失
  • javascript中的document
  • javascript零基础入门
  • python中的全局变量
  • android使用红杏代理更新sdk
  • 济宁税务局王燕利
  • 开发票收多少税点?
  • 沈阳沈河区税务局待遇
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设