位置: 编程技术 - 正文

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插件。注意先后顺序,这个不用说了,所有的插件都是这样。

第二步:HTML代码:

第三步:JS代码

jQuery插件ajaxFileUpload使用实例解析

第四步:后台页面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/379342.html 转载请保留说明!

上一篇:jQuery插件ajaxFileUpload异步上传文件

下一篇:jQuery动态创建元素以及追加节点的实现方法(jquery动态添加的元素怎么添加事件)

  • 生产成本怎么做
  • 汇算清缴要退税怎么做凭证呢
  • 土地增值税扣除项目金额怎么算
  • 全额计提坏账准备后,多久核销应收账款
  • 事业单位装修费用
  • 成品油认证步骤
  • 如何根据资产负债表填写现金流量表
  • 租赁房屋到期装修费怎么办?
  • 长期股权投资的4个明细科目
  • 增值税专票劳务费怎么开
  • 装修公司帮客户套现装修贷违法吗
  • 电子商务支付平台有哪些
  • 税盘没有抄报各月,有罚款吗
  • 小规模纳税人不允许开具零税率发票
  • 代开专用发票的数量单价单位怎么写?
  • 小规模纳税人零申报什么意思
  • 预缴企业所得税研发费用加计扣除
  • 增值税返还收入冲减进项税
  • 海关年检需要什么资料
  • 季度缴纳所得税如何做账
  • 申请双软企业会查员工学历吗
  • 公司 期货投资
  • 技术合同的计税依据包括研究开发经费
  • 虚拟机中如何将文件移动到普通用户的家目录下
  • 如何防止程序被关闭
  • 稳定用工社保补贴和岗位补贴多久发下来
  • window10进程
  • 其他业务收入和其他业务成本区别
  • 公司给客户报销费用可以吗
  • 来料加工方式中,料件和加工后成品的所有权
  • 前端常用插件汇总
  • PHP:imagerectangle()的用法_GD库图像处理函数
  • 利润表中的收入是按什么确认的
  • 企业固定资产账户2019年6月初借方余额5000000元
  • Vue:element-ui中表格过长内容隐藏显示
  • web后端开发框架有哪些
  • 时点数和时期数 订单量 库存量点击量
  • 【Pytorch深度学习实战】(11)变分自动编码器(VAE)
  • vue实例完整项目源码
  • timit数据集
  • laravel5创建service provider和facade的方法详解
  • 帝国cms使用手册
  • 应交税金应交增值税科目设置
  • php采集器
  • wordpress隐藏内容付费可见
  • 万元发票和千元发票
  • 股权司法冻结及司法划转解释
  • 收到红字发票如何入账
  • 经营出租固定资产折旧费计入什么科目
  • 总公司账务处理
  • 软件开发企业怎么结转成本
  • 负商誉的分录
  • 小规模纳税人购入货物收到增值税专用发票
  • 外汇收入需要缴纳增值税吗
  • 小规模纳税人免税政策2023年
  • 对公付货款没有收到发票如何处理
  • 汽车加油费属于交通费用吗
  • 一般纳税人会计分录
  • 速动比率特别高的原因
  • MySQL存储过程与触发器
  • freebsd 安装
  • macbook截图快捷键是哪个键
  • win7与xp双系统设置
  • win10怎么切任务管理
  • 边学边玩的游戏
  • css百分比进度条
  • Bootstrap与KnockoutJs相结合实现分页效果实例详解
  • easyui combobox默认选中
  • 如何调试自己的情绪
  • three.js 教程
  • android电话簿
  • javascript面向对象精要pdf下载
  • 安卓怎么记录时间
  • 辽宁省视同缴费标准?
  • 河南省地方税务局房产税管理办法
  • 在进口环节海关代征的税种有
  • popl期刊
  • 国税新规
  • 请问报考国家税务局难吗
  • 广州市地方税务局 社保费申报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设