位置: 编程技术 - 正文

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使用实例解析

  • 临时工工资列支工资吗
  • 土地出让金会涨价吗
  • 财务负责人如何解绑
  • 单位内部食堂如何做账务处理
  • 所得税费用需要抽凭吗
  • 结转代扣社会保险费分录
  • 个人所得税专项扣除子女教育标准
  • 建筑企业外管证有效期
  • 账户利息怎么做账务处理
  • 进项税额已抵扣转出会计分录
  • 营改增一般纳税人标准
  • 企业增加注册资金怎么办理
  • 核定和查账区别
  • 购进货物取得
  • 库存半成品属于什么会计科目
  • 担保公司做担保怎么收费
  • 广告宣传费用的计算方法
  • 建筑工程总包单位
  • 物业前期介入费用测算
  • 国税发200931号文解读
  • 单位没车能用停车票不能用加油票吗?
  • 国家税务总局13号文
  • 银行汇款风险提示
  • 贸易公司补交所得税怎么做账?
  • 研发费用加计扣除是什么意思啊
  • 固定资产已入库款项已付次月开发票何时记提折旧
  • 向人力资源公司辞职怎么说
  • 无法支付的款项转销
  • 施工图审查费入哪个科目
  • 邮件远程控制
  • 注销库存股的会计分录怎么理解
  • 工资结算单什么时候签
  • 莱辛巴赫瀑布在瑞士哪里
  • 金税盘,税控盘Ukey价格
  • ajax调用php接口
  • 项目部署计划
  • 对 ChatGLM-6B 做 LoRA Fine-tuning
  • 程序人是什么意思
  • css点击菜单显示内容
  • 将织梦dedecms转换到wordpress
  • 发票报销可以跨年吗
  • 织梦cms要钱吗
  • 出口合同的流程
  • 小规模纳税人收普票和专票有什么区别
  • 行政单位基建账并入大账规定
  • 长期股权投资会计实训心得
  • 企业停产期间在生产违法吗
  • 预付卡充值入什么科目
  • 资产处置收益和资产减值损失区别
  • 缴纳注册资金印花税怎么做账
  • 企业清算的会计处理
  • mysql unique option prefix myisam_recover instead of myisam-recover-options的解决方法
  • mysql教程入门
  • win8.1关机没反应
  • 惠普hp笔记本电脑
  • 丢失msvcp71.dll
  • win10怎么设置加快电脑速度
  • 苹果mac系统如何升级最新版本
  • win10打
  • qclean.exe - qclean是什么进程 有什么用
  • centos7.5安装桌面
  • win8.1怎么设置
  • linux文件批处理命令
  • Unity3D & Java 基于 Protobuf 通信实现
  • android中的active_result
  • python双循环题
  • ipc漏洞入侵的基本步骤
  • 深入理解ts
  • css回到页面顶部
  • python迭代器生成器
  • js实现功能
  • python文件的读操作方法
  • 固定资产转让要交企业所得税吗
  • 小规模一季度多少免增值税
  • 安徽公务员流程各个阶段时间
  • 北京朝阳区地税局地址电话
  • 税务总局2013年65号公告
  • 招投标法实施条例是哪一年修正的
  • 年终奖怎么报个税
  • 税收筹划六种方法
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设