位置: 编程技术 - 正文

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

  • 公车私车税收区别
  • 捐赠支出增值税
  • 所得税季报季末人数怎么计算
  • 征地补偿费谁来支付
  • 一次性开票分期确认收入的税务文件是什么
  • 当前时间该属期不可申报
  • 失业保险费返还后是给单位还是给员工
  • 保险公司代收车船税在发票备注栏
  • 进口增值税和进项税
  • 增值税销项税额影响入账金额吗
  • 专用凭证和通用凭证的联系和区别
  • 支票结算的账务处理
  • 物资采集是什么意思
  • 电费做其他业务收入的账务处理怎么做?
  • 收到投资者购买股票的资金
  • 生产企业商贸企业
  • 保险公司赔偿计入营业外收入
  • 企业购入新能源电车需要缴纳印花税吗
  • 分公司利润如何分红
  • 固定资产无偿移交怎么做账
  • 商品退回顺丰代收怎么办
  • 年初未交增值税借方怎么处理
  • 其他权益性无形资产的进项税额抵扣
  • 固定资产管理的论文
  • 房地产企业预缴增值税如何申报
  • 花卉盆景苗木
  • ajax无刷新更新数据
  • 材料成本差异贷方表示
  • 股权出资成立公司的条件
  • 销售机构人员工资属于管理费用吗
  • 哪些合同不属于担保合同
  • 分公司可以给总公司开发票么
  • 机器学习——图像分类
  • atq命令 显示用户待执行任务列表
  • 设备租赁经营部经营范围
  • 事业单位营业执照
  • 预缴和缴纳的区别
  • 增值税专用发票有几联?
  • python27文件夹
  • 美团平台技术部是干什么的
  • 印花税补交会怎样
  • MicrosoftSQLserver2014可以卸载吗
  • 注册资金认缴期限一般多少
  • 小规模未达起征点申报表怎么填
  • 单位结算卡和对公账户号码不一样
  • 当月开的发票次月预缴税款行得通吗?
  • 预付款属于什么会计分录
  • 收到货款未开发票是否违法
  • 长期借款利息计入应付利息吗
  • 销售折扣含义
  • 待认证进项发票哪里导出来数据
  • 私人贴现利息如何交税
  • 发票抬头注意事项
  • ghost还原文件
  • win7 双击不能打开文件
  • win7系统更改ip地址
  • windows8自动更新在哪里关闭
  • centos8安装rpm包
  • win10右下角弹出全屏截图
  • win10系统浏览器怎么换成ie
  • linux文件复制到windows
  • 清除win7更新缓存
  • win7系统无线网络
  • 怎么免费升级win10系统
  • android的游戏
  • [置顶]bilinovel
  • unity3d快捷键
  • javascript web开发
  • Unity3D游戏开发标准教程
  • 安卓手机与电脑连接方法
  • jquery获取outerhtml
  • 国税登录不了
  • 重新税务登记程序有哪些
  • 如何查询纳税信用等级证明
  • 财务报表备案流程是什么
  • 供给决定需求,需求影响供给
  • 事业单位录用备案表审核快吗
  • 主题党日活动标题副标题格式
  • 税务一般纳税人可以简易注销
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设