php上传文件代码实现原生JS上传大文件显示进度条的示例

后端开发|php教程

javascript,php,原生

后端开发-php教程

这篇文章主要为大家详细介绍了JS原生上传大文件显示进度条，php上传文件关键代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

火车票订票管理系统源码,ubuntu系统运行rpm,爬虫全网音乐代码,PHP最全简历,南宁seo学校lzw

JS原生上传大文件显示进度条，php上传文件，供大家参考，具体内容如下

pc移动网页源码,vscode无法装插件,ubuntu脚本大于,cas tomcat集群,sqlite 插入语句大全,python爬虫实训总结与展望,php 做app,重庆seo全网宣传,视频网站 移动 模板,网页源码,权限管理页面模板lzw

淘宝采集网站源码,vscode左侧找到插件库,ubuntu欢迎界面,要用Tomcat那么jdk,爬虫代理伪装,php代码重置,阜宁seo优化定制化服务,信息管理系统网站源码,织梦产品介绍页面模板lzw

在php.ini修改需要的大小：

upload_max_filesize = 8M

post_max_size = 10M

memory_limit = 20M

#parent{position: relative;width: 500px;height:20px;border:1px solid #ccc;display: none;border-radius:20px} #child{position: absolute;width:0%;height:20px;background: #5FB878;display: none;line-height: 20px;color: #ffffff;font-size: 12px;border-radius:20px} function $(id){return document.getElementById(id); }

上传文件:

var oForm = document.getElementsByTagName(form)[0]; var oSubmit = $(submit); //如果多个人同时提交这个表单的时候，由于是异步的请求，互不影响 oSubmit.onclick = function(){try{ var xhr = new XMLHttpRequest();}catch(e){ var xhr = new ActiveXObject("Msxml2.XMLHTTP");}xhr.upload.onprogress = function(e){ var ev = e || window.event; var percent = Math.floor((ev.loaded / ev.total)*100); // console.log(percent); //将百分比显示到进度条 $(parent).style.display = lock; $(child).style.display = lock; //将上传进度的百分比显示到child里面 $(child).style.width = percent+\%; $(child).style.textAlign = center; $(child).innerHTML = percent+\%; //判断如果百分比到达100%时候，隐藏掉 if(percent==100){$(parent).style.display = one;$(child).style.display = one; }}xhr.open(post,progress.php,true);var form = new FormData(oForm);xhr.send(form);xhr.onreadystatechange = function(){ if(xhr.readyState==4 && xhr.status==200){eval("var obj ="+xhr.responseText);if(obj.status){ alert(上传成功);}else{ alert(上传失败);} }}//阻止表单提交return false; }

<?php //开始上传 //注意：文件是windows系统的文件，采用的gbk编码，php文件使用的是utf-8编码 //我们不能直接修改文件的编码，只能临时修改一下php的编码 $dst_file = $_FILES[file][ ame]; $dst_file = iconv(utf-8, gbk, $dst_file); if(move_uploaded_file($_FILES[file][ mp_name],$dst_file)){ $data[status] = 1; }else{ $data[status] = 0; } echo json_encode($data);