位置: 编程技术 - 正文

PHP+Ajax无刷新带进度条图片上传示例(php不刷新提交)

编辑:rootadmin

推荐整理分享PHP+Ajax无刷新带进度条图片上传示例(php不刷新提交),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:ajax无刷新更新数据,php无刷新更新新数据,php不刷新提交,ajax无刷新更新数据,ajax无刷新分页php,php 刷新,ajax无刷新分页php,ajax无刷新分页php,内容如对您有帮助,希望把文章链接给更多的朋友!

项目需求:1.PHP+Ajax无刷新带进度条图片上传,2.带进度条。所需插件:jquery.js,jquery.form.js。

最近在做一个手机web项目,需要用到Ajax上传功图片能,项目要求PHP无刷新上传图片,并且要带进度条,下面就来讲一下我的实现方法,先看效果图

本示例需要使用的是jquery.js,jquery.form.js,demo里面包含有,你可以在文章下方进行下载。

第一步,建立前端页面index.html

PHP+Ajax无刷新带进度条图片上传示例(php不刷新提交)

此段是前端展示内容,这里需要说明的是由于input:file标签显示不太美观,所以我把它隐藏了。而使用一个a标签.uploadbtn来调用file标签的click事件,用来打开并选择文件。

注意:文件上传时form的属性enctype必须设置为:multipart/form-data

第二步,Ajax提交部分

这部份就是Ajax的提交部份,过程如下:

在提交开始通过beforeSend回调函数设置进度条显示出来,进度条宽度为0%,进度值0%; 在上传过程中通过uploadProgress回调函数实时返回的数据,更改进度条的宽度和进度值。 在上传成功后,通过success回调函数输出上传为数据信息(图片名称,大小,地址等)并把图片输出到页面上预览。 当然如果失败,有error回调函数帮你进行高度。

第三步,后端PHP代码upload.php

后端处理代码,就是PHP文件上传,不过上传的时候需要做一些判断,如文件格式、文件大小等。

注意:我上面ajax返回格式是json,所以在图片json代码是一定要正确规范,否则会出现上传不成功的提示。

demo下载: php-ajax-upload_gimoo.rar

标签: php不刷新提交

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

上一篇:PHP中的使用curl发送请求(GET请求和POST请求)(php curl_exec)

下一篇:Yii2框架实现数据库常用操作总结(yii2框架中文手册)

  • 补交增值税产生的费用
  • 保险服务保费会计分录
  • 购进货物的发票是外来凭证吗
  • 工资发放流程以及如何记账
  • 怎么控制成本费用餐厅
  • 职工工资保险费账务处理怎么做?
  • 进项税转出的附加税怎么做
  • 政府补贴转给其他公司
  • 小规模纳税人是简易计税吗
  • 企业名称变更后社保也要变更吗
  • 租赁的厂房改造可以费用化吗
  • 工程款的材料商可以直接起诉业主吗
  • 小规模纳税人季度超过30万怎么纳税
  • 航天维护费全额抵扣
  • 苹果系统如何访问相册
  • 阻止系统蓝屏后怎么恢复
  • flash插件安装后还是不能播放
  • 利润为负数怎么调
  • 借支单如何做账科目
  • 未开票收入跨年开票
  • linux中qq怎么添加快捷键启动功能?
  • PHP:pg_version()的用法_PostgreSQL函数
  • 不符合win11硬件要求安装会怎么样
  • 调整以前年度亏损
  • 详解中国女足出线形势
  • 税务局关于免税资格的审核认定
  • 物业公司收的物业费用干什么了
  • 一二级公路增值税税率
  • php数组分类
  • 房地产开发企业应该具备哪些条件
  • 购物车html模板
  • 残差网络中的残差指的是什么
  • 浅析Laravel5中队列的配置及使用
  • 网上报税优点与缺点
  • 小规模纳税人公转私技巧
  • Android ViewPager2 + Fragment 联动
  • jsoncpp使用
  • 编制科目余额表的方法
  • 收到个人所得税手续费返还增值税税率
  • 税法增值税的不同
  • 民办非注销原因如何写
  • sql如何设置远程连接
  • sqlserver 数据库加密
  • 退休职工能否扣医保
  • 低值易耗品如何界定
  • 固定资产的认定标准2022
  • 火车退票费如何开票
  • 小规模纳税人代账费用
  • 本年利润怎么结转成未分配利润
  • 工资与社保的关系图
  • 建安工程预缴税额怎么算
  • 收到所得税退税怎么做账务处理
  • 购买东西进项税额怎么算
  • 停车费发票能报餐饮费吗怎么开
  • 补计提上一年度工资
  • 股东不能参与公司运营和决策,可以起诉吗
  • 赡养老人扣除标准个税
  • 如何办icp许可证
  • SQL Server 2008 到底需要使用哪些端口?
  • win7桌面提示7601
  • windowxp音频驱动
  • media.codec是什么软件
  • win8.1开始菜单改win7
  • windows 10的回收站在哪里
  • linux中复制目录到另一个目录的命令
  • win10系统创建一个快捷bat
  • 拉伸设置
  • unity分发平台
  • 微信小程序页面滚动
  • jquery操作表格
  • typescript尖括号
  • 批处理常用命令及用法大全
  • python自动截图
  • JavaScript中length属性的使用方法
  • mysql数据类型大全
  • python如何编程
  • 支付宝中油好客e站怎么开发票
  • 江苏国税电子国税局
  • 减免性质代码怎么会自动选择
  • 重庆市房产交易信息网
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设