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

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

upload _ max _ file size=8M post _ max _ size=10M memory _ limit=20M

！DOCTYPE htmlhtmlhead标题原生射流研究…大文件显示进度条/title meta charset=' UTF-8 ' style type=' text/CSS ' # parent { position : relative；宽度： 500像素；高度：20 pxborder:1px固体# cccdisplay:无；边框半径：20 px } #子{位置：绝对；宽度：0%;高度：20 px背景# 5FB878display:无；线高： 20pxcolor : # fffffont-size : 12px；边框-半径：20 px }/样式脚本类型=' text/JavaScript '函数$(id){返回文档。getelementbyid(id)；}/script/head body form action=' method=' post ' div id=' parent ' div id=' child '/div/div p上传文件：输入类型=' file '名称=' file '/p pinput类型=' submit '值='提交id='提交'/p/表单脚本类型=' text/JavaScript ' var oForm=document。getelementsbytagname(' form ')[0]；var Osubmit=$(' submit ')；//如果多个人同时提交这个表单的时候，由于是异步的请求，互不影响o提交。onclick=function(){ try { var xhr=new XMLHttpRequest()；} catch(e){ var xhr=new ActiveX对象(' Msxml 2 .XMLHTTP’)；} xhr。上传。on progress=function(e){ var ev=e | | window。事件；定义变量百分比=数学。楼层(((ev。已加载/ev。合计)* 100)；//console.log(百分比);//将百分比显示到进度条$(“家长”)。风格。display=" block$(“孩子”)。风格。display=" block//将上传进度的百分比显示到儿童里面$(“孩子”)。风格。宽度=百分比“%”；$(“孩子”)。风格。textalign=" center$("子级")。innerHTML=百分比"%";//判断如果百分比到达100%时候，隐藏掉if(percent==100){ $(“parent”)。风格。显示='无'；$(“孩子”)。风格。display=" none} } xhr.open('post '，' progress.php '，true)；var form=新表单数据(oForm)；xhr.send(表单);xhr。onreadystatechange=function(){ if(xhr。readystate==4 xhr。status==200){ eval(' var obj=' xhr。response text ')；if(obj.status){ alert('上传成功');}else{ alert('上传失败');} } } //阻止表单提交返回false}/脚本/正文/html？php /开始上传//注意：文件是窗子系统的文件，采用的gbk编码，php文件使用的是utf-8编码//我们不能直接修改文件的编码，只能临时修改一下服务器端编程语言(专业超文本预处理器的缩写)的编码$ dst _ FILE=$ _ FILES[' FILE '][' name ']；$dst_file=iconv('utf-8 '，' gbk '，$ dst _ file)；if(move _ uploaded _ file($ _ FILES[' file '][' tmp _ name ']，$ dst _ file)){ $ data[' status ']=1；} else { $ data[' status ']=0；} echo JSON _ encode($ data)；以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。