位置: 编程技术 - 正文

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

  • 税后净营业利润和净利润的区别
  • 杭天金税财务软件多少钱
  • 流动资产周转天数下降说明什么
  • 长期待摊费用对方科目
  • 经营性现金净流量为负数怎么解释
  • 服务不动产扣除项目怎么填
  • 电脑的折旧年限是多久
  • 存放中央银行款项名词解释
  • 购买软件平台信息服务费怎么做账?
  • 存货换入无形资产考虑增值税
  • 系统技术维护费计入什么科目
  • 新车购置税怎么算的
  • 公司工资发放错误怎么退回
  • 专票的税金
  • 投资收益会计处理
  • 员工被单位罚款须要问单位要收据吗
  • 往来账的作用
  • 银行利息所得税调整方案
  • 个人所得税app入职时间不对
  • 港杂费是由谁收取
  • 固定资产已入库款项已付次月开发票何时记提折旧
  • 小轿车折旧年限规定
  • 小规模附加税申报表填写范本
  • 商用房的增值税是多少
  • 本期应付而未付工资挂账处理?
  • 税务师如何办理入会
  • 购买办公桌会计分录
  • 销售折扣单独开票
  • 支付费用没有发票怎么做账务处理
  • linux操作系统有哪些版本
  • win10如何打开regedit
  • cpu哪个型号性价比最高
  • 怎么删除win10开机多余选项
  • 360pci.exe
  • 公司买发票的费用怎么做账
  • 员工离职的类型
  • 会计账簿的错账怎么办
  • 外商投资企业采用交易发生日的即期汇率
  • php2008
  • 办公用品属于会计科目中的什么
  • 机器学习中的数学原理——模型评估与交叉验证
  • php使用正则表达式检测是否包含非数字
  • 房地产企业出售房产增值税
  • 企业转租电费发票
  • linux中搭建web服务器
  • 政府奖励需要缴纳增值税吗
  • 建筑企业异地预缴增值税计算
  • 材料采购账户的借方登记什么
  • 权责发生制和收付实现制例题
  • 关于增值税调整的补充协议
  • 个体工商户个税多久申报一次
  • 个税如果是公司怎么申报
  • 清算期间的坏账会计分录
  • 营业外收入可以冲减管理费用吗
  • 自助餐怎么核算成本
  • 化妆品消费税纳税标准
  • 物流公司的修理工资高吗
  • 门面转让费做账怎么做
  • 财务费用是负数什么意思
  • 记账凭证应该是
  • 递延纳税筹划策略研究
  • 公司怎么才算正常经营
  • 公司买车可以抵税几年
  • 财务大写金额书写样板
  • 如何修改注册表键值
  • win7装vmware
  • centos8 apache
  • ubuntu 14.4
  • sedsvc.exe是什么
  • 装win8.1
  • js中的函数
  • node.js实战
  • css划动
  • 湖南省电子税务局登录
  • 电子税务局获取验证码异常
  • 中加税务信息互换执行
  • 税务局风控
  • 交强险是什么样的照片
  • 云南省国税发票查询真伪查询
  • 为什么消费税是价内税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设