位置: 编程技术 - 正文

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框架中文手册)

  • 什么是价外税价外税有哪些
  • 个人所得税如何计算
  • 化肥与农药的利与弊
  • 应交税费转出未交增值税借贷方表示什么
  • 外购商品赠送怎么做账
  • 个人所得税租房专项扣除标准
  • 建筑设备租赁如何确定租赁期限
  • 收到生育险报销会计怎么写摘要呢
  • 发票章坏了能自己刻吗
  • 银行开户许可证图片
  • 备用金三栏式明细账图片
  • 机械租赁有哪些岗位
  • 销售亏损原因分析范文
  • 新成立的公司每天付款有要求吗
  • 民办幼儿园怎么给老师交五险一金
  • 企业所得说季报是季报填还是年底填?
  • 报税显示未进行抄报税
  • 解除租赁合同可以退押金吗
  • 行政单位对固定资产购买保险
  • 为什么可供出售的金融资产是非流动资产
  • 设置bios 密码
  • 企业所得税预缴申报
  • win10错误代码0xc0000001
  • 个税多缴纳如何低下个月的税
  • php后端技术栈
  • 羊肚菌的功效和价格
  • 销售产品取得收入
  • 技术转让所得的税收优惠
  • 逾期未收回包装物押金增值税
  • thinkphp查询版本号
  • 长期借款利息调整会计分录
  • 固定资产生产经营期间正常报废产生的净收益
  • 营业外收入不计入所有者权益吗
  • 担保余值计算公式
  • 进项税额大于销项税额会计分录
  • 蓝色向日葵
  • html里面有什么
  • thinkphp codeigniter
  • 其他非流动资产是会计科目吗
  • 挂靠方项目部账务是否并入被挂靠方公司账务?
  • 每个季度30万免增值税
  • SqlServer与MongoDB结合使用NHibernate
  • 生产型企业如何退税
  • 审核后的凭证
  • 小企业期间费用包括
  • 小规模纳税人做工资没交社保
  • 开发票给别人该如何收取税点?
  • 小规模纳税人减按1%政策
  • 固定资产报废会计
  • 印花税是怎么缴纳
  • 正常存货周转率多少次合适
  • 管理费用如何分摊到项目
  • 考试出题
  • mysql操作教程
  • 微软出win9了吗
  • win1020h2累积更新
  • Windows Server 2008网上邻居打开慢的解决
  • ubuntu无法进入系统出现uid121
  • solaris的vi编辑
  • utilman.exe - utilman是什么进程
  • centos6 docker
  • vsftpd 虚拟用户权限
  • win7电脑视频预览图如何显示出来
  • 猫的所有视频
  • 小地图的主要作用是观察队友的大概位置
  • log4j 日志文件太大
  • dos 批处理
  • perl数组去重
  • unet遥感图像分割
  • nodejs截图
  • vue组件互相嵌套
  • nodejs model
  • javascript canvas方法有哪些
  • unity3d初学者教程视频
  • 获取intent传递的数据
  • 广西地方税务局2017年公务员拟录用
  • 河南省教育厅纪检组举报电话
  • 什么情况适用简易诉讼程序
  • 自然人电子税务局怎么设置申报密码
  • 开票系统税控盘在哪里
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设