位置: 编程技术 - 正文

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

  • 新开网吧需要缴纳哪些税金
  • 研发销售型企业
  • 个人所得税年度汇算清缴怎么操作
  • 小规模纳税人所得税怎么征收
  • 实用9%税率的
  • 劳务派遣人员保险由谁缴纳
  • 公司废品处理一定要入账吗
  • 财务费用中的汇兑收益增加的原因
  • 工程机械租赁增值税税率很多适用错误应该是9不是13
  • 新注册公司实收资本为0
  • 一般纳税人进项税额怎么算
  • 企业所得税收益计算公式
  • 现金解款单是什么业务
  • 签了合同没开票
  • 预收款 交税
  • 增值税普通发票需要交税吗
  • 12月份未计提的费用汇算清缴如何调整?
  • 收到联营单位投入的设备一台
  • 防洪费2019年税率
  • 海关的消费税怎么计算
  • 蔬菜批发公司销售蔬菜是否免税
  • 绿化企业所得税税率是多少
  • 注册资金印花税是资金账簿吗
  • 公司小汽车多少年报废
  • 股份利润怎么分
  • 注册资金印花税什么时候开始交
  • 当月未出账费用
  • bioss设置
  • unsupportedfirsthd解决办法
  • 上年度的发票还能红冲吗
  • 上个月留抵进项税额分录
  • php中this和self的区别
  • 事业单位需要交个人所得税吗
  • 法定盈余公积金达到注册资本的多少时不再提取
  • 固定资产按公允价值还是约定的价值
  • 房地产企业增值税扣除土地成本
  • php上级目录
  • vue创建项目后开始写的步骤
  • vue中使用原生js
  • git主干
  • 研发的无形资产
  • 税审报告什么时候出
  • 发票整理归类汇总流程
  • 车险增值税发票模板图片
  • 劳务费发票如何入账
  • python 协程 yield
  • sqlyog提示
  • 固定资产是价税合计吗
  • 长期待摊费用借方负数什么意思
  • sql server中事务有哪三种语句
  • 总资产增长率的定义
  • 城市维护建设税的计税依据
  • 行程单入账多久钱能到账
  • 年底暂估成本有风险吗
  • 应发工资计入什么科目
  • 会计账户与银行账户
  • 已开票未收款如何销往来账
  • 无发票材料可以入材料账吗
  • 挂靠单位账务处理是?
  • 美元利息结汇时结汇项目是什么
  • 企业签发转账支票
  • 客户重复付款了怎么礼貌回复
  • 无形资产摊销能加计扣除吗
  • win7系统旗舰版和纯净版的区别
  • linux系统中文件权限分为哪三种
  • linux一块网卡绑定多个ip
  • windows7开机显示错误恢复进不去
  • perl date
  • opengl learn
  • nginx1.16安装
  • node.js搭建服务器
  • 服务器限制流量
  • uleb128、sleb128和uleb128p1编码格式介绍
  • 简单阐述javascript的主要作用
  • Unity PlayerPrefs.DeleteAll 无效以及 PlayerPrefs文件保存位置
  • jquery插件是干什么的
  • 福建地税办税人变更流程
  • 朝阳区地方税务局电话
  • 餐饮办税
  • 车辆购置税查询官网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设