位置: 编程技术 - 正文

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

  • 盘亏存货进项税额转出的计算公式
  • 快递费包不包括送货上门
  • 全国税务师官网报名
  • 普票和增值税发票的区别
  • 哪些行业不能开具增值税专用发票
  • 误餐补助缴个税怎么申报
  • 小企业准则汇兑损失计入什么科目
  • 工资结算汇总表会计科目
  • 中小企业怎么避税
  • 资本公积账务处理案例
  • 股权转让需要缴纳企业所得税吗
  • 国有独资企业董事会应当在每年
  • 出差过程中招待员工
  • 营改增对建筑业的影响有哪些
  • 行政单位办公室主任必须是党员吗
  • 购买电脑配件的网址
  • 金融工具包括哪些及其法律特征
  • 小规模纳税人查账征收所得税税率
  • 商品编码选错税务会直接罚款吗?
  • 增值税专用发票跨月退回怎么办?
  • 统一员工行为规范
  • 房地产开发企业取得的土地使用权用于建造
  • 企业重组的所得税怎么算
  • 将捐赠收入计入资本公积转增增值税
  • 税局代开专票会计分录怎么写?
  • 在win7中,当前窗口的数量是多少个
  • 个人所得税到年底能不能退回来
  • 键盘剪切板怎么打开
  • 电脑bios找不到vt
  • windows 11截图
  • 工程施工科目借贷方向
  • 应交税费进项税额在借方说明什么
  • linux录制视频工具
  • 在认缴期限内未出资是否违法
  • 为高新技术企业授牌
  • lumenrt
  • 图森在哪
  • php有面向对象吗
  • 浅谈一下新冠的好处
  • 融资租赁增值税税目
  • 投喂小鸟
  • 微信公众号服务平台
  • 记录一次游戏
  • 进项税额转出怎么做账务处理
  • 仓库发货打包以及建议年终总结
  • 开发支出的含义
  • 房地产转让条例最新
  • 新公司不开户需要交税吗
  • c语言printf输出数组
  • js函数声明的提出者
  • 商品流通企业采购费用
  • 用评估增值的资产增资
  • 所得税费用影响当期损益吗
  • 出售其他债权投资产生的收益为什么计入留存收益
  • 装修公司预收款要交增值税吗
  • 与其他企业联合投资一个项目要怎么做账务处理?
  • 印花税是本月交上个月的吗
  • 会计什么情况下不用继续教育
  • 固定资产加速折旧纳税调整
  • sql server 用法
  • 使用u盘安装windows10电脑识别不出来
  • win10预览版和正式版区别
  • ubuntu命令行打开火狐浏览器
  • mac快捷键一览
  • ias.exe是什么程序
  • Win7系统打印机共享无法保存打印机设置0x000006d9
  • centos7 目录结构
  • Win7 64位操作系统怎么使用DVD刻录光驱复制软件
  • main.exe是什么意思
  • linux sendmail发送邮件
  • win7系统虚拟机
  • 安卓好用的倒计时
  • 简略说明本岗位最高风险的防范措施和现场处置方案
  • node.js deno
  • jquery click重复执行
  • 如何在税务系统增加开票人员
  • 宝鸡新车交易市场
  • 税务稽查立案标准的法律文件
  • 全年个人一次性奖金单独计税优惠
  • 越南入关要给小费吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设