web前端|js教程
javascript,php,进度
web前端-js教程
这篇文章主要为大家详细介绍了JS原生上传大文件显示进度条,php上传文件关键代码,具有一定的参考和学习JS的价值,对JS上传感兴趣的小伙伴们可以参考一下本篇文章
安卓7.0系统源码,ubuntu打开图片软件,tomcat线程与代码线程,网络爬虫练习,php入门教程184,seo 广州lzw
JS原生上传大文件显示进度条,php上传文件,供大家参考,具体内容如下
企业网络源码,vscode lsp插件框架,ubuntu查询网卡,tomcat路由网关,sqlite 最多多少行,我的世界爬虫怎么获得钻石,php rs,盘锦国内seo优化,全额返现网站源码,网页特效树状图,wordpress 宠物模板lzw
php 广告联盟 源码,vscode 注释字体,ubuntu丢失,tomcat 本地 目录,sqlite 修改表字段,shopex 去淘宝购买插件,前端框架中路由的作用,爬虫软件是不是骗局,php神盾,爱采购优化seo,驾驶学校官方网站模板,动态网页源码,phpcms套用模板lzw
在php.ini修改需要的大小:
upload_max_filesize = 8M
post_max_size = 10M
memory_limit = 20M
上传文件:
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代码:
<?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);