位置: 编程技术 - 正文

PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例(php+js)

编辑:rootadmin

推荐整理分享PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例(php+js),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:php jquery教程,php jquery,编写jquery插件,php100 jquery教程,php 插件,php+js,jquery获取php变量,php 插件,内容如对您有帮助,希望把文章链接给更多的朋友!

平时用的比较多的JQuery图片上传插件是Uploadify这个插件,效果很不错,但是由于手机不支持flash,所以不得不再找一个文件上传插件来用了。后来发现ajaxFileUpload这个插件挺不错,所以就用这个插件来做异步上传文件的效果。网上也有很多对ajaxFileUpload插件的使用的文章,不过我发现没有PHP版,所以这次服务器那边的处理就使用PHP语言来处理。

一、详解ajaxFileUpload插件的语法参数

  原理:ajaxfileupload是通过监听iframe的onload方法来实现, 当从服务端处理完成后,就触发iframe的onload事件调用其绑定的方法,在绑定的方法中获取iframe中服务器返回的数据体(支持的普通文本,json,xml,script, html)

  语法:$.ajaxFileUpload([options])

二、接下来我们看看如何去使用

1、先引入ajaxFileUpload这个插件。

  这里我用的是jq1..1版本,网上有说jq版本与ajaxfileupload的版本要对应才不会有异常报错,反正我现在这个没错误。

PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例(php+js)

2、贴上HTML的代码。

  此处主要的是<input type="file" id="id_photos" name="id_photos" value="上传">这一句代码,其他的不用管,因为这里我是在手机端,用的是jqueryMobile插件。

3、到js代码进行处理。

  这里我对每一行的代码都基本写上了注释方便大家理解。流程就是上传图片给uploader.php去处理,处理成功返回json数据,然后在json中取出url值,将其赋给img标签里,然后将img标签追加带页面显示出来。

  这里我附上json返回的数据:

  上传前HTML页面是这样的:

  异步上传成功后HTML页面效果是这样子的:

  

  4、看看PHP是如何处理的

代码基本上都加上了注释,方便大家理解,虽然是用PHP处理图片上传,但你理解了上传时程序代码所处理的逻辑思路,将思路用于.net或者java里都还是可以的。

更多精彩内容请参考专题《ajax上传技术汇总》,《javascript文件上传操作汇总》和《jQuery上传操作汇总》进行学习。

标签: php+js

本文链接地址:https://www.jiuchutong.com/biancheng/276150.html 转载请保留说明!

上一篇:PHP如何通过AJAX方式实现登录功能(php如何通过链接获取源码)

下一篇:php发送短信验证码完成注册功能(php验证码代码怎么写)

  • 谈谈sqlserver自定义函数与存储过程的区别(sql自定义)

    加入一笔记录到表bankMoney,并查询此表中userID= Zhangsan的所有存款的总金额。

    在这里再??乱幌麓娲⒐?痰?种传回值(方便正在看这个例子的朋友不用再去查看语法内容):1.以Return传回整数2.以output格式传回参数3.Recordset

    传回值的区别:

    output和return都可在批次程式中用变量接收,而recordset则传回到执行批次的客户端中。实例3:使用带有复杂 SELECT 语句的简单过程  下面的存储过程从四个表的联接中返回所有作者(提供了姓名)、出版的书籍以及出版社。该存储过程不使用任何参数。

    实例4:使用带有参数的简单过程

    实例5:使用带有通配符参数的简单过程

    实例6:if...else存储过程,其中@case作为执行update的选择依据,用if...else实现执行时根据传入的参数执行不同的修改.

    深入分析SqlServer查询计划 对于SQLServer的优化来说,优化查询可能是很常见的事情。由于数据库的优化,本身也是一个涉及面比较的广的话题,因此本文只谈优化查询时如何看懂SQ

    sql 判断字符串中是否包含数字和字母的方法 判断是否含有字母selectPATINDEX('%[A-Za-z]%',‘ads')=0(如果存在字母,结果1)判断是否含有数字PATINDEX('%[0-9]%',‘sdf" class="img-responsive" alt="谈谈sqlserver自定义函数与存储过程的区别(sql自定义)">

    谈谈sqlserver自定义函数与存储过程的区别(sql自定义)

  • 使用u盘装win7系统图文教程 如何使用U盘安装win7系统(u盘装win7系统步骤)

    使用u盘装win7系统图文教程 如何使用U盘安装win7系统(u盘装win7系统步骤)

  • 强行卸载Windows Vista SP2的两种方法(强行卸载系统应用)

    强行卸载Windows Vista SP2的两种方法(强行卸载系统应用)

  • FreeBSD系统下读写 NTFS分区(freebsd安装教程)

    FreeBSD系统下读写 NTFS分区(freebsd安装教程)

  • winhelp.exe - winhelp是什么进程

    winhelp.exe - winhelp是什么进程

  • Linux Shell 通配符、元字符、转义符使用实例介绍

    Linux Shell 通配符、元字符、转义符使用实例介绍

  • 微信小程序实现简单input正则表达式验证功能示例(微信小程序实现微信支付)

    微信小程序实现简单input正则表达式验证功能示例(微信小程序实现微信支付)

  • Android Support库百分比布局(android design库)

    Android Support库百分比布局(android design库)

  • 从租计征房产税怎么申报
  • 行政事业单位住房基金
  • 差旅费的现金流
  • 事业单位装修费用
  • 应收票据属于其他应收账款吗
  • 系统集成 税点
  • 季度超了30万年度没超120
  • 增值税专用发票抵扣期限
  • 企业固定资产入账金额标准
  • 外汇收不到会不会丢
  • 广告业的定额发票可以税前扣除么?
  • 企业可以同时按一般纳税和按小规模纳税吗?
  • 公司注册资金未实缴可以申请破产吗
  • 收到个税手续费返还现金流量表
  • 以前年度损益结转到什么科目
  • 保洁属于劳务报酬吗
  • 城市维护建设税属于什么科目
  • 新注册的公司用不用开公户
  • 收到外币货款账务处理
  • 苹果手机移动到新手机
  • 华为应用市场被锁了,怎么解除密码
  • Win10版本21H2卡死
  • 建筑公司收到工程款需要交哪些税
  • PHP:mb_http_output()的用法_mbstring函数
  • 微信公众号 h5 保存openid
  • 购入专利权的会计科目
  • 接口500错误原因
  • php ajax 实现
  • 房产无偿过户给朋友能让他还吗?
  • 其他业务成本的意思
  • 哪些可以作为原始凭证
  • 营业税的滞纳金如何计算
  • php用mysql连接数据库并查询
  • php如何删除数组元素
  • 不合格的设备怎么处理
  • 火山口湖成因
  • php16进制
  • 浅析人物形象的论文开题报告
  • element级联动态加载
  • python读书笔记
  • div css页面布局
  • Vue Element UI 中 el-table 树形数据 tree-props 多层级使用避坑
  • 承兑贴现会计分录怎么做
  • jwt 鉴权
  • phpstudy ftp怎么用
  • 内部结算属于什么科目类别
  • 织梦模板安装详细教程
  • python数组合并并排序
  • 发票食品类包含哪些
  • 利润表季报的本期金额
  • 客户货款打到私人微信,删除公司电脑数据
  • 广告公司可以不开发票吗
  • 公司交的物业费计入什么会计科目
  • 要约收购的条件和程序具体包括哪些?
  • 小规模纳税人所得税优惠政策2023
  • navicate创建存储过程
  • 双硬盘需要设置主从盘吗
  • 如何调整windows桌面图标大小
  • xp系统强制删除文件
  • linux shell 函数参数
  • win10移动版和win10区别
  • javascript+css3开发打气球小游戏完整代码
  • window.close(); 关闭浏览器窗口js代码的总结介绍
  • nodejs xhr
  • python3m
  • jquery form serialize
  • bat批处理命令大全
  • jquery基础知识
  • bootstrap入门教程
  • jquery使用jsonp
  • shell脚本wc
  • eclipse导入server
  • django admin form
  • js框选
  • checkbox批量删除
  • 黄金税率是多少
  • 卷票是什么票
  • 股权转让所得怎么计算个税
  • 营业收入是含增值税的收入吗
  • 个人所得税网上报税流程
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设