位置: 编程技术 - 正文

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月发放能算上一年吗
  • 对方只能开普票怎么办
  • 分公司的所得税怎么申报
  • 个税按照计提申报怎么调整
  • 总公司向子公司收取管理费如何纳税
  • 关税应纳税额计算公式
  • 公司委托其他公司办理事情
  • 企业挂靠税收市收取的标准是什么
  • 固定资产入账价值包括
  • 个人交物业费开发票交税点吗
  • 电信宽带费发票专票
  • 技术开发费税收优惠政策
  • 外贸企业出口退税流程图
  • 居民企业清算企业所得税
  • 建筑企业建筑业
  • 一般纳税人交的增值税可以抵扣吗
  • 实物捐赠的企业有哪些
  • 已经认证抵扣的发票会计分录
  • c盘垃圾太多需要重装系统嘛
  • 电脑不能上网是什么原因?
  • php制作一个表单
  • anyproxy提高公众号文章采集效率
  • 电脑安全系统无法启动怎么办
  • bill是什么软件
  • 支付宝消费计入什么科目
  • 前端获取post请求返回数据
  • 如何失业保险金
  • 公司未经营需要做所得税年度清缴吗
  • element分页器
  • 一公顷等于多少千米
  • 应付职工薪酬的借方和贷方
  • vue项目中技巧知识点
  • svg图形是什么
  • 使用php连接数据的方法
  • thinkphp6验证
  • 个体工商户注册需要什么材料
  • 承兑汇票提前承兑手续费
  • sqlserver数据库版本号怎么查
  • 筹建期有时间限制吗
  • 制造费用期末有余额在借方
  • 普通发票开具红字发票后发票联怎么处理?
  • 营改增后的增值税税目税率表
  • 租赁的初始直接费用有哪些
  • 土地作为无形资产还是固定资产
  • 在建工程账务处理问题有哪些
  • 普票的销项负数怎么开
  • 新公司内账怎么做
  • sql语句查询去重
  • 苹果电脑安全性
  • Ubuntu 12.04/14.04 LTS版内核更新 修复七个重大安全漏洞
  • nvm是啥
  • win7如何创建一个新用户
  • xpwy cd server已停止工作
  • ubuntu搭建vsftp
  • 新买的苹果电脑没有电
  • w7定时自动关机
  • win7在开始菜单右击
  • win70x80070002系统找不到指定的文件
  • 快速批量取关
  • windows8快速关机
  • OpenGL ES2.0-iPhone开发-part1
  • [置顶] 《借.住.情.缘》
  • javascript入门教程
  • system命令行
  • nodejs微信小程序开发工具
  • 基于单片机的毕业设计题目
  • 对activity的四种启动模式的理解
  • python文件处理方法
  • JavaScript中的6种运算符总结
  • thinkphp withjoin
  • 广州市地方税务局官网
  • 广告费扣除限额15%和30%
  • 加计扣除为什么是税收优惠
  • 豫麦336
  • 社保已生成单据如何作废上海
  • 煤炭限产是利好还是利空
  • 农产品进项税额核定扣除办法
  • 山东省税务局地税苑宿舍是谁开发的?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设