位置: 编程技术 - 正文

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默认选中)

  • 弹性预算列表式如何计算
  • 综合所得申报是报上个月的吗
  • 基本账户可以转移吗
  • 代扣代缴增值税是什么意思
  • 进销的单位不一样怎么办
  • 技改贴息资金的财务、会计及税收处理
  • 小规模纳税人如何开电子发票
  • 普通发票扣税
  • 取得的技术酬金怎么入账
  • 税务局代开的增值税专票可以红冲吗?
  • 把公司的设备弄坏了怎么办
  • 以前年度固定资产入账错误怎么办?
  • 契税与印花税能抵扣吗
  • 个人所得税手续费返还账务处理
  • 超市开发票要交百分之几的税?
  • 一台电脑上能装多个金税盘吗?
  • 个体户需要缴纳残疾人保障金吗
  • 销项在借方还是贷方
  • 出口企业增值税税负率
  • 用于集体福利的进项税额转出
  • 中意装饰工程有限公司怎么样
  • 留抵税额怎么计算
  • abs应付债券
  • 股权转让收到钱会计分录
  • 进项发票认证抵扣会计分录
  • 开普票税率怎么算
  • 苹果macmimi
  • linuxssh免密登录
  • 无形资产初始计量的表述
  • wordpress自定义api
  • php session存储方式
  • 布鲁克斯岭
  • 企业管理的管理系统
  • 【深度学习】datasets.ImageFolder 使用方法
  • vue系列教程
  • vue-cli4创建项目
  • PHP中set_include_path()函数相关用法分析
  • php识别验证码的库高级
  • 基本数据结构包括哪些
  • 待摊费用在资产负债表中怎么表示
  • c语言asc函数
  • 产品检测费计入成本吗
  • 营改增后的计税方式
  • 债务抵销的顺序
  • 什么是指企业的市场营销活动发生影响的各种因素的总和
  • 城镇土地使用税减免税政策
  • 怎么算股本溢价
  • 不动产分割要哪些步骤
  • 筹建期间发生的所有费用
  • 零售商品收入
  • 对方开的增值税普票怎么查
  • 对公付货款没有收到发票如何处理
  • 公司银行账号注销需要法人到场吗
  • 库存商品成本差异怎么结转
  • Windows10下MySQL5.7.19安装教程 MySQL忘记root密码修改方法
  • jquery常用的事件绑定函数有哪些
  • win7系统ie浏览器打不开
  • macbookzen
  • ghost后恢复
  • 轻量级个人用linux桌面系统
  • 如何解决孩子多动
  • mac vm安装win10
  • windows7如何开启游戏模式
  • Linux系统怎么用命令行打开软件
  • windows执行bat脚本
  • 超大安卓游戏
  • linux实现shell
  • 创建一个批处理文件,其功能是在当前
  • 实用的批处理
  • pygame如何加载图片
  • js原生dialog
  • 开源 android 播放器
  • asp.net mvc view
  • javascript操作网页
  • 临沂市有哪些国企央企
  • 北京东城区社保电话
  • 2021年留抵退税可以退2019年的吗
  • 农村信用社升级为什么
  • 无锡税务局稽查一分局
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设