位置: 编程技术 - 正文

聊一聊jQuery插件uploadify使用方法(jquery插件是干什么的)

编辑:rootadmin

推荐整理分享聊一聊jQuery插件uploadify使用方法(jquery插件是干什么的),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery的插件,jquery22插件网,jquery.js插件,jquery 插件写法,jquery 插件写法,jquery插件使用教程,jquery的插件,jquery插件使用教程,内容如对您有帮助,希望把文章链接给更多的朋友!

说说自己使用uploadify的一波三折的曲折过程:

之所以要选择uploadify,是源于自己先前使用过jQuery官网的上传文件插件,比较难用(页面写的代码比较多,IE下后台回传需要配置格式【不清楚其他上传插件是否也是这样】),而且一直有IE9上传不成功的问题,到我离开上家公司的时候也一直没有解决这个问题(可能是本人比较low的原因吧)。所以在使用插件之前先调研了一下。uploadify提供两个版本,flash的uploadify和html5的uploadFive。文档还是比较齐全的,网上的使用例子页比较多,配置页比较简单,所以第一选择就是他了。

1.初体验uploadify的flash版本免费,而且根据以往的经验所有浏览器都支持flash的(这是悲剧的开始),所以计划只使用这个版本就行。产品给的效果如下(有三个图片预览框,每一张图片有对应的描述,所以不能用一个上传按钮,每一个上传按钮上传对应的图片)

配置完毕后chrome自测通过(中间有个小曲折,产品那边想要多张图片一起上传,当时没有找到IE8展示的处理。后面再网上找到了一篇,然后录了下来图片上传前预览)。

要测试各个浏览器的情况,在Firefox上一看,我晕,Firefox最新的版本根本没有自带flash插件,结果就是连file input的样式都没有更改,完全没有作用。先前是想加入一段dom

<object data="xxx.swf" height="0" width="0"></object>

让浏览器检测到有flash文件弹出安装flash的提示。后来想一想不行啊,为了上传个文件让用户去装flash,太复杂了。

最后决定判断让支持html5的使用uploadiFive上传,不支持的才使用uploadify(flash)版本上传。if(window.applicationCache){//支持html5 在配置uploadify的过程中遇到两个问题:1.file input元素是有name属性的,但是使用flash后需要手动传递过去,也就是fileObjName这个属性,配置uploadiFive也需要传递这个name。2.fileSizeLimit设置文件大小貌似没有起到作用。最后只能自己验证(onSelect事件中验证),验证失败也需要自己处理取消上传(因为我是配置了自动上传的'auto': true)

聊一聊jQuery插件uploadify使用方法(jquery插件是干什么的)

执行取消后还需要在onUploadError事件中截取这个取消事件导致触发视为onUploadError事件

下面是我的uploadify的配置

在配置uploadiFive的时候遇到一个问题:

1.fileTypeExts设置为“*.jpg;*.bmp;*.jpeg;*.png”,但实际上所有的图片格式都可以选择。所以只能在选择图片后自己手动检测格式。而且由于onSelect的参数queue没有文件类型信息:点击查看。所以只能在onAddQueueItem事件中检测,然后在onSelect中取消上传队列queue来取消文件的自动上传

可能还有一个问题是需要配置'fileType': 'image/*',因为我直接设置了,不知道不设置会不会有问题,没试

下面是我的uploadiFive配置

2.当头棒喝本地测试OK以后,放到测试环境上去测试,马上被震惊了。遇到的第一个问题就是在IE下很多时候点击没有反应(没有弹出文件选择框),找了半天原因终于找到了:必须在文档准备完全的时候再去初始化uploadify,而且确保上传input是可用的(非display:none)好了,可以选择文件了,但是选择文件以后IE8/9总是抛出call to startUpload failed异常,去网上查了一下,主要有几个原因

1).而是可能有多个上传的div或者input(含有相同的name或者ID)导致的,如果有两个不同的上传按钮,那么他们的name,id要设置得不一样。

这个不是什么tab的问题,而是可能有多个上传的div或者input(含有相同的name或者ID)导致的如果有两个不同的上传按钮,那么他们的name,id要设置得不一样。

2).flash跨域导致(flash上传源码文件和页面所在的域不同【静态资源现在统一放在static.xxx.com服务器下】)。我的原因是这个,我按照网上说的使用在服务器的根目录(主域名所在工程的根目录)下防止了crossdomain.xml,但是很遗憾没有管用(可能因为我们使用的服务器不是Apache服务器吧,网上有童鞋通过这个方案解决了这个跨域问题)。最终我的解决方案是不让其跨域,我将uploadify资源放在了主域名所在工程的根目录下,然后请求这个目录下的uploadify.swf文件。好了,最终终于能够上传文件了。

最终是解决了上传的问题,花费的时间也不少,记录下来,希望后面有用uploadify的童鞋能够少走一些弯路。

jquery点击切换背景色的简单实例 刚在自己的前端技术群里有个小伙伴儿问到这个问题,点击的时候进行红色背景和白色背景的切换,然后我就临时想到了一个解决方法,在这里记录一

jQuery实用小技巧_输入框文字获取和失去焦点的简单实例 jQuery实用小技巧_输入框文字获取和失去焦点的简单实例inputid="txt"class="text1"type="text"/scriptsrc="js/jquery-1.7.1.min.js"/scriptscripttype="text/javascript"$(function(){$("inpu

jQuery组件easyui基本布局实现代码 本文实例为大家分享了!DOCTYPEhtmlhtmlheadmetacharset="UTF-8"titleBasicLayout-jQueryEasyUIDemo/titlelinkrel="stylesheet"type="text/css"href="../themes/default/easyui.css"linkrel="stylesheet"ty

标签: jquery插件是干什么的

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

上一篇:jQuery Raty 一款不错的星级评分插件(jquery one)

下一篇:jquery点击切换背景色的简单实例(jquery点击按钮切换图片)

  • 初装费包括什么
  • 补缴以前年度增值税以及滞纳金
  • 免税申报表里的免税销售额是不含税
  • 不知道进价怎么求利润
  • 资产负债表季报本月数怎么填
  • 年末未分配利润怎么处理
  • 结转存货跌价准备冲减主营业务成本
  • 如何开小加工厂
  • 房地产开发企业预缴增值税
  • 小规模企业收到专票可以入账吗
  • 一般纳税人临时工工资怎么入账
  • 二房东转租如何办理营业执照
  • 原材料入库是付款凭证吗
  • 应收帐款从工资里扣税吗
  • 注册资本低于实际投资
  • 建筑业确认主营业务收入
  • 库存商品未入库
  • 预收房款缴所得税会计分录怎么写?
  • 简易计税项目是所有发票都是普票吗
  • 企业所得税如何申报操作
  • 工资薪金支出怎么调整
  • 个人缴纳物业费怎么开发票
  • 简易计税 增值税专用发票
  • 航天开票系统清单流程
  • 机构信用代码证是三证合一里的吗
  • 模拟评估了是什么意思
  • 关于不动产进项税额分期抵扣的新政策,以下不属于
  • 贷款买电脑的故事
  • 开了发票未收款
  • 个人独资企业查账征收个人所得税汇算清缴
  • 钱已确定收不回怎么办
  • win7操作系统激活
  • 建筑单位领用材料分录
  • 附加税会计分录2022
  • 企业清算期限如何规定
  • 免税不能开专票
  • linux系统安装谷歌浏览器教程
  • win10系统白名单怎么设置
  • Get请求报错404出现原因及解决办法
  • 笔记本cpu温度高如何处理
  • php实现搜索的方式
  • javaweb项目开发的原理
  • ubuntu busier
  • 稽查补缴以前年度的社保
  • phpxdebug
  • python knn算法和结果
  • 常见的数据库管理系统有
  • 供热管道属于什么结构类型
  • 小企业需要做计算机吗
  • 年均复合增长率该怎么算?
  • 债券发行时发生的承销费、法律费
  • mysql数据库排序
  • 报关单保费率怎么填
  • 收到的技术服务费计入什么科目
  • 以前年度损益调整科目编码是多少
  • 安全生产费用收取方案
  • 请问申报残保金怎么操作
  • 两种原因
  • 什么是盈余公积和资本公积
  • 促销有哪几个方面
  • 没有认证的进项税额怎么做凭证
  • 会计结账一般都是谁做
  • 软件生产企业培训内容
  • mysql的慢查询日志怎么查看
  • 如何删除win10系统
  • os x10.11el capitan公测版beta5更新了什么?os x10.11el capitan公测版beta5发布下载
  • win8网页打不开
  • 苹果电脑win10系统打不开
  • 安卓音游吃音
  • linux chmod s
  • unity strangeioc
  • unity向量的规范化
  • python 父类方法
  • jQuery基于muipicker实现仿ios时间选择
  • jquery简单例子
  • javascript教程
  • 北京办理税务登记的地方
  • 辽宁国家税务局公务员职位2023
  • 如何提升基层党建质量
  • 乾升黄酒好吗值得买吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设