位置: 编程技术 - 正文

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

  • 工资薪金所得和劳务报酬所得的区别
  • 上一年度亏损,本年怎么计算企业所得税
  • 交易性金融资产和其他权益工具投资的区别
  • 小规模纳税人免税销售额
  • 税收滞纳金计入营业外支出的哪一项
  • 营业成本包括三大费用如何称呼
  • 通行费进项抵扣政策
  • 高速公路通行费发票可以抵扣增值税吗
  • 权益法下被投资企业净资产增加
  • 月末结存材料的实际成本怎么计算
  • 营业收入利润率多少合适
  • 小规模纳税人发票图片
  • 三包范围内的维修费谁出
  • 进项税留底是什么意思
  • 购进货物既用于应税项目又用于免税项目的
  • 苗木发票抵扣公式
  • 企业发放员工工资
  • 借差旅费退回现金怎么办
  • 进口产品增值税的组成计税价格
  • 没有缴纳社保怎么开证明
  • 承包食堂管理费用收取的依据
  • 增值税出口退税计算
  • 实收资本印花税最新政策2023年
  • 子公司代母公司支付费用
  • 应收账款确认无法收回
  • 交纳经营所得的个税怎么做分录?
  • 以前年度未分配利润属于什么科目
  • 出口退税免退税办法
  • 融资租入固定资产计提折旧吗
  • 工会年度收入支出表
  • 固定资产清理出售合同
  • Win10 20H2 LSASS.exe自动重启故障已得到修复
  • 固定资产公允价值变动会计处理
  • 解决肚子胀气最快方法
  • 营业收入包括应收账款吗
  • 无偿接收股权
  • anaconda创建虚拟环境有什么用
  • 偷税行为五年后被发现要接受行政处罚吗?
  • vue项目打包后还能修改吗
  • php常用的三种设置方式
  • 逻辑电路选择器
  • 清单发票填开注意事项
  • mysql的备份方式
  • php的do while语句
  • 增加固定资产原值50%以上
  • 进项票和销项票金额一样可以吗
  • 个税申报子女教育有年龄限制吗
  • db2入门
  • 商品流通企业流程图
  • 进项转出分录需要盖章吗
  • 跨年暂估成本会计分录
  • 空调抵扣进项税
  • 增值税可以退吗
  • 供应商奖惩制度具体办法
  • 租赁费属于酌量性固定成本
  • 其他流动资产为什么包括应交增值税
  • 购买商品发生的费用计入
  • mysql学习教程
  • sqlserver增删改查执行语句
  • centos rpc
  • 数据库查询排名
  • mysql local-infile
  • linux 系统查看
  • win7系统电脑开不了机
  • python os.path模块
  • 如何关闭危险端口
  • vuex的作用和使用场景
  • 批处理 /a
  • python的argparse用法
  • unity做网页
  • 使用筷子就餐会不会传染乙肝病毒
  • android support包
  • javascript常用的数据类型有哪些
  • javascript修改
  • jq动态设置css
  • 空置房物业收费标准
  • 辽宁省大连市国家运动员
  • 开个小型外卖店要多少钱
  • 购旧设备增值税能不能抵扣
  • 个人所得税怎么填写子女教育
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设