位置: 编程技术 - 正文

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

  • 增值税税控系统技术维护费
  • 税盘维护费的账务处理
  • 股东向公司借款超过一年不还
  • 增值税专用发票有效期是多长时间
  • 住房补贴需要交什么材料
  • 加计抵减不符合怎么办
  • 开票要交印花税吗
  • 开票金额比实际金额多
  • 建筑施工企业的法定代表人对本企业的安全生产负责
  • 本年利润,利润分配
  • 小规模建筑公司预缴增值税
  • 主营业务收入借方负数表示
  • 家电公司销售电器赠送小礼品如何做账?
  • 企业购入旧固定资产如何计提折旧
  • 装卸费可以抵扣销项税额吗
  • 免交的增值税怎么退
  • 2020年最新增值税租车费
  • 固定资产怎么进入生产成本
  • 提供建筑服务应在发票备注栏注明
  • 主营业务成本结转方法
  • 发票入账后还能冲红吗
  • 预收款结转收入怎么算
  • 外购固定资产如何入账
  • 补开去年的发票怎么结转成本?
  • 进口货物有进项税吗
  • 小规模核定销售额是什么意思
  • 代理进口业务受托方账务处理流程
  • 税收筹划有哪些特点?
  • 缴纳残保金和工龄有关吗
  • mac系统如何连接北通手柄
  • 药店销售小票要保存多久
  • macos big sur最新版本
  • 以前年度损益调整
  • 投标保证金利息规定
  • 代收代缴水电费商家不缴可以停电吗
  • mac和mac之间怎么传东西
  • 担保赔偿准备金和未到期责任准备金实例
  • 异地成立分公司的流程和要求
  • 制造业利润占比多少合适
  • vue中响应式是什么意思
  • idea2020.2.3创建web
  • react extend
  • js中的数组
  • 增值税的税目和税率
  • 金税盘服务费可以跨年抵扣
  • 预付一年的技术服务费
  • js array
  • vue多平台
  • python中循环怎么写
  • 小规模所得税怎么计算公式
  • 各人所得税法规定
  • 不单独计价的包装物押金计入什么科目
  • 交易性金融资产入账价值怎么计算
  • 先收到发票还没付款怎么做账
  • 工程造价咨询服务费收费标准
  • 团体意外保险能赔多少钱
  • ubuntu系统怎么用
  • Mac系统怎么设置ftp
  • explorer.exe进程被结束怎么恢复
  • win7提示0x000000c1
  • win10怎么查看磁盘是固态还是机械
  • win8使用手册
  • ubuntu安装指南
  • win7系统计算机管理打不开
  • linux如何使用命令创建文件夹
  • 屏幕适配android常用方法
  • nodejs读写json文件
  • 当ie7不认!important之后 [布局的解决办法]
  • css 间距
  • APP中javascript+css3实现下拉刷新效果
  • 猫的喵喵
  • 置顶是怎么弄的
  • js设置按钮禁用和开启
  • 拆迁户契税减免政策去哪里办理
  • 10月份税务申报
  • 国税系统如何查询发票
  • 暂停资本化期间,一般借款的借款利息不允许资本化
  • 地税局一般几点下班
  • 初级会计职称可以挂靠吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设