位置: 编程技术 - 正文

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

  • 企业撤资的所得税处理
  • 广州二手房免增值税
  • 单位班车费用是福利费吗
  • 奖金属于应付职工薪酬
  • 预缴工程税的帐务处理如何做?
  • 印刷配件有哪些
  • 会计去报税流程
  • 所得税预缴申报表利润
  • 如何查询已开出的增值税发票是否被认证
  • etc预付卡发票能不能报销
  • 收到供应商开具什么发票
  • 相关税费计入哪里
  • 罚款费用报销单怎么写
  • 电力发票没有到怎么做分录
  • 增值税专用发票税号错误
  • 交易性金融资产公允价值变动计入
  • 附加税的税率是多少2023年
  • 网络不通怎么拼ip
  • 华为分享是什么意思关闭有影响吗
  • 治理层和管理层包括哪些
  • 个体户一般纳税人可以开13个点的专票吗
  • mac休眠后黑屏无法开机正常吗
  • 企业常用的成本核算方法有哪些
  • 非货币性资产对外投资企业所得税例题
  • 后端怎么把图片传给前端的
  • php使用oci8扩展连接oracle
  • 手把手教你win7换主板不重装系统的方法
  • win11的截屏
  • 视觉机械臂操作视频
  • nlp track
  • nodejs c扩展
  • php导出表格
  • 公允价值变动损益会计处理
  • 公司采购一直没走对公付款怎么处理
  • MongoDB的Master-Slave主从模式配置及主从复制要点解析
  • 材料短缺计入成本吗
  • 新旧会计准则口径
  • 待报解预算收入扣款是什么意思
  • 对公转账需要填备注吗
  • 删除mysql重复数据
  • 伙食费怎么入账
  • 注册资金的多少有什么影响
  • 实际购入成本包括增值税吗
  • 为员工保险取得的增值税抵扣
  • 已认证抵扣的发票如何做账
  • 油卡充值做账
  • 无偿赠送他人产品,会计分录怎么写
  • 主营业务收入减少记哪方
  • 电焊工劳保用品有哪些
  • 公对私 预付款 税
  • iptables配置文件详解
  • windows字幕软件
  • 一开机弹出个微软重新设定
  • linux常用网络工具
  • win7系统里面怎么找到微信程序
  • android自定义控件入门与实战
  • shell脚本读取ini文件
  • Python win32com 操作Exce的l简单方法(必看)
  • cocos2dx减少内存开销
  • Unity3D中Javascript的基本使用与介绍详解
  • unity3d地图定位
  • 浏览器firefox
  • unity图集
  • jquery移动端ui框架
  • linux shell脚本命令
  • 单例 python
  • jquery示例
  • jquery mobile 加载页面
  • jquery.form.min.js
  • 正则化实现
  • 用js做表单验证
  • 湖南国家电子税务局手机版
  • 个人所得税发票
  • 保险理赔款如何分配
  • 出口退税出现预缴怎么办
  • 开健身会所国家有补贴吗
  • 形容有待完善的词语
  • 国家税务总局全国增值税查验平台
  • 杭州国税电话
  • 营业税改征增值税对哪些行业影响最大
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设