位置: 编程技术 - 正文

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代码

第二个例子

使用ajaxFileUpload上传文件时,有时需要带参数提交,网上有很多资料说使用data,但其实要使用data带参数是需要修改的,否则后台是获取不到的.

jQuery插件ajaxFileUpload异步上传文件

分析原因:

ajaxFileUpload为了实现无刷新异步提交文件,构建 iframe 然后创建form表单 再将要上传的文件写上去再提交.但是原代码 却没有处理data.所以这块内容需要我们自己加上去.下面红色部分为修改ajaxFileUpload.js的三处地方:

备注:好像csdn代码中加颜色加粗 有问题这三处修改的地方我直接贴出来,位置看下面的代码,

①createUploadForm: function(id, fileElementId,data);

②if (data) { for (var i in data) { $('<input type="hidden" name="' + i + '" value="' + data[i] + '" />').appendTo(form); } }

③var form = jQuery.createUploadForm(id, s.fileElementId,s.data);

ajaxFileUpload为了实现无刷新异步提交文件,构建 iframe 然后创建form表单 再将要上传的文件写上去再提交.但是原代码 却没有处理data.所以这块内容需要我们自己加上去.下面红色部分为修改ajaxFileUpload.js的三处地方:备注:好像csdn代码中加颜色加粗 有问题这三处修改的地方我直接贴出来,位置看下面的代码,

如何使用它呢?

html:<input type="file" id="file" name="file">java:java后台 获取参数还是正常获取:

获取文件并分行读取(非图片):

使用过程中有两点需要注意的地方:其一,dataType必须要大写;其二,在data的值要写成json的格式,否则后台无法接受参数

更多精彩内容请参考专题《ajax上传技术汇总》,《javascript文件上传操作汇总》和《jQuery上传操作汇总》进行学习。

标签: jQuery插件ajaxFileUpload异步上传文件

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

上一篇:jQuery实现点击任意位置弹出层外关闭弹出层效果(jquery的点击事件怎么写)

下一篇:jQuery插件ajaxFileUpload使用实例解析

  • 核定征收个体户个人经营所得税税率
  • 委托加工物资的成本包括哪些内容
  • 一分钟了解货币
  • 金蝶能够反年结账吗
  • 综合收益什么时候结算
  • 小微企业注册流程及费用微
  • 小规模纳税人申报时间
  • 生产成本月末结转到本年利润里吗
  • 过次页的金额怎么来的
  • 技术服务企业会计思维导图
  • 专用发票抵扣联放在凭证中吗
  • 公司车买保险怎么付款
  • 土地股权转让需交什么税
  • 厂家返利计提会计分录
  • 赞助支出为什么不算广告费
  • 公司长期应付账款怎么算
  • 年终奖需要扣除个人所得税吗
  • 实习生需要缴纳个税吗?
  • 所得税汇算清缴补税的会计处理
  • 购入厂房时缴的土地增值税如何入账?
  • 政府机关税号是1开头的吗
  • 个人开劳务专票给公司怎么开
  • 季度利润表本月数和本年累计数
  • 个人独资企业收款码
  • 公司付给个人的借款利息怎么做账
  • 企业转租房屋如何开票
  • 退货入库流程图
  • 我的初级备考经历怎么写
  • 企业银行保证金账户怎么查询
  • 差额纳税和全额纳税
  • 工程用的叉车计提折旧记到什么科目?
  • 个人财产转让所得在哪里申报
  • 苹果电脑重装系统无法连接服务器
  • 暂估入账冲回
  • php nsq
  • centos7安装php7.3
  • 在建工程主要包括哪些
  • 代扣代缴个人所得税账务处理
  • 有哪些常见的不可数名词英语
  • php自动编号
  • php全局变量和局部变量
  • 提取法定盈余公积会计科目
  • 覆盖的盖
  • gpgpu编程技术
  • 应收账款转回坏账怎么办
  • 现金流是什么意思举例
  • 差额征税的扣除额是填什么钱
  • dedecms怎么用
  • 厂区道路算建筑面积吗
  • 小规模纳税人可以做进出口贸易吗
  • 销售折扣单独开发票
  • 新《准则》适用对象为
  • db2 select as
  • 将string类型数组转化成int
  • 企业利润表表怎么看
  • 红字发票异常处理什么意思
  • 转账支票记到哪个科目
  • 公司注册实收资本
  • 投资子公司亏损母公司报表怎么做
  • 要约收购期满
  • 企业产值什么意思
  • 个人账号可以向对公账户转账吗
  • 事业编制可以带计算器吗
  • xp怎么删除多余的操作系统
  • centos 安装教程
  • win7虚拟内存怎么设置
  • win7开机时出现一堆英文
  • 日历功能在哪里设置
  • windows查看文件内容的命令
  • win7系统引导坏了怎么修复
  • Extjs407 getValue()和getRawValue()区别介绍
  • python怎么计数
  • jQuery实现ajax调用WCF服务的方法(附带demo下载)
  • 检查shell脚本有无语法错误
  • javascript例题
  • Android ORM之GreenDao学习
  • 税务局的前身是什么
  • 应付和未付的区别
  • 南通国资委网站首页
  • 转租房子转租人需要签合同吗合法吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设