位置: 编程技术 - 正文

jQuery插件ajaxFileUpload使用详解

编辑:rootadmin

推荐整理分享jQuery插件ajaxFileUpload使用详解,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

ajaxFileUpload.js 很多同名的,因为做出来一个很容易。

我用的是这个:           上传处理程序地址。  2、fileElementId      需要上传的文件域的ID,即<input type="file">的ID。3、secureuri        是否启用安全提交,默认为false。 4、dataType        服务器返回的数据类型。可以为xml,script,json,html。如果不填写,jQuery会自动判断。5、success        提交成功后自动执行的处理函数,参数data就是服务器返回的数据。6、error          提交失败自动执行的处理函数。7、data           自定义参数。这个东西比较有用,当有数据是与上传的图片相关的时候,这个东西就要用到了。8、 type           当要提交自定义参数时,这个参数要设置成post

错误提示:

1、SyntaxError: missing ; before statement错误  如果出现这个错误就需要检查url路径是否可以访问

2、SyntaxError: syntax error错误  如果出现这个错误就需要检查处理提交操作的服务器后台处理程序是否存在语法错误

3、SyntaxError: invalid property id错误  如果出现这个错误就需要检查文本域属性ID是否存在

4、SyntaxError: missing } in XML expression错误  如果出现这个错误就需要检查文件name是否一致或不存在

5、其它自定义错误  大家可使用变量$error直接打印的方法检查各参数是否正确,比起上面这些无效的错误提示还是方便很多。

使用方法:

第一步:先引入jQuery与ajaxFileUpload插件。注意先后顺序,这个不用说了,所有的插件都是这样。

jQuery插件ajaxFileUpload使用详解

第二步:HTML代码:

第三步:JS代码

第四步:后台页面upload.aspx代码:

本实例完整代码下载

来一个MVC版本的实例:

控制器代码

前端视图,HTML与JS代码,成功上传后,返回图片真实地址并绑定到<img>的SRC地址

最后再来一个上传图片且附带参数的实例:控制器代码:

Index视图代码:

此实例在显示出异步上传图片的同时并弹出自定义传输的参数。本实例下载地址

  年1月日,今天调试过程中发现一个问题,就是作为文件域(<input type="file">)必须要有name属性,如果没有name属性,上传之后服务器是获取不到图片的。如:正确的写法是<input type="file" id="file1" name="file1" />

  年1月日,最经典的错误终于找到原因所在了。Object function (a,b){return new e.fn.init(a,b,h)} has no method 'handleError',这个是google浏览器报的错误,非常经典, 不知道是我的版本问题还是真正存在的问题。这个问题的根源经过N次上传才找到问题的根本所在。答案是:dataType参数一定要大写。如:dataType: 'HTML'。

  --,评论中的一个错误:TypeError: $.ajaxFileUpload is not a function 我们用的不是同一个JS,你下了别的AJAXFileUpload去了。

标签: jQuery插件ajaxFileUpload使用详解

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

上一篇:jQuery zTree树插件简单使用教程(jquery ztree api)

下一篇:jQuery对table表格进行增删改查(jquery给表格赋值)

  • 房产税税源信息采集错误已到申报期怎么办
  • 股权转让后企业注销个人所得税怎么处理
  • 金税盘购买的会计分录
  • 质保金扣款要进项税转出吗
  • 金税三期会查之前的票吗
  • 劳务派遣公司税务
  • 存货入账价值计算公式
  • 物流公司进项发票分录
  • 监控系统计入开户费用吗
  • 成本法和权益法大白话
  • 法人变更了之前的支票还能进账吗?
  • 向境外企业付外汇
  • 发生可抵扣暂时性差异是调增还是调减
  • 企业所得税利润怎么算
  • 物料买回来再发货可以吗
  • 收回应收账款资产为什么不变
  • 拍短视频服务费怎么算
  • 企业收到留抵退税宣传报道
  • centos 6.5安装教程
  • 小规模纳税人取得防伪税控系统普通发票
  • 公司装修款账务处理
  • 服务成本怎么处理
  • 暂存款转结余
  • 企业所得税的概述
  • 公众号 企业
  • 延期收款利息如何缴税
  • PHP中strpos、strstr和stripos、stristr函数分析
  • docker-p
  • 增值税加计扣除比例
  • 外贸出口退税操作流程
  • 金税盘无法登录410506怎么解决
  • 小规模纳税人开专票需要交税吗
  • 公司的实收资本是什么意思
  • 支付员工工伤医疗费用怎么做账
  • python tkinter entry用法
  • 个体户电子申报税流程
  • 会计凭证的保管期限什么时候调整的
  • 原始凭证太多怎么做账
  • 基于stm32的毕业设计
  • 哪些发票是成品发票
  • 人工费支付协议
  • 用友t3软件财务软件具体操作
  • 服务业暂估成本怎样做账?
  • 科技项目扶持资金
  • 关于外币折算会计处理的表述中
  • 主营业务利润的会计分录
  • 扣除员工餐费怎么做分录
  • 信用减值损失6702
  • 小规模增值税减免申报表怎么填
  • 认证测试方式有哪几种
  • 从别的公司买承兑汇票
  • 明细账的登记方向与总账的登记方向是一致的
  • 员工离职未领工资怎么处置
  • sql server 数据库介绍
  • mysql如何优化性能
  • sql数据库分布式部署
  • win7激活失败提示错误代码0x80072F8F
  • ubuntu software database is broken错误该怎么解决?
  • 如何更改mac图标
  • freebsd做服务器
  • win10电脑出现invalid partition table怎么弄
  • ubuntu做开发怎么样
  • centos权限不够怎么办
  • apache禁用trace方法
  • xp系统纯净版gho
  • win10 mobile 1709
  • centos 安装chia
  • linux病毒排查
  • win10安装驱动器
  • android的开发
  • android 图像处理
  • django环境配置
  • unity 子弹效果 粒子
  • shell脚本获取本地ip
  • node.js操作
  • js并且判断
  • android点击事件传递机制
  • 用js做表单验证
  • 公共基础设施项目目录
  • 进口汽车增值税怎么算
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设