本篇文章主要介绍php上传进度条详细解读（推荐），感兴趣的朋友参考下，希望对大家有所帮助。
Web上传文件的三种解决方案分享给大家：
这里我要使用的是form法。通过为表单元素设置enctype=”multipart/form-data”属性，让表单提交的数据以二进制编码的方式提交，在接收此请求的Servlet中用二进制流来获取内容，就可以取得上传文件6来源gaodaimacom搞#^代%!码网搞gaodaima代码的内容，从而实现文件的上传。
表单元素的enctype属性指定的是表单数据的编码方式，该属性有3个值：
进度条实现原理：
这里用到了一个iframe无刷新上传文件的方法。
上传完成后的样子如图：
<body> <p style="padding:20px"> <form action="action.php" enctype="multipart/form-data" method="post" target="iframeUpload"> <iframe name="iframeUpload" width="400" height="400" frameborder='1'></iframe> <input type="hidden" name="UPLOAD_IDENTIFIER" value="1" /> <input id="file1" name="file1" type="file"/> <input value="上传" type="submit" onclick="startProgress()"/> </form> </p> <p style="width: 500px; height: 20px;border:1px solid red"> <p style="position: relative; height: 20px; background-color: purple; width: 0%;" class="barinner"></p> </p> <p id='showNum'></p> <p class="prbar"> <p class="prpos barinner"></p> </p> </body>
上面的HTML代码中要注意下UPLOAD_IDENTIFIER，这个是用来定位查看哪个文件的上传进度的。我这里就写死为一个1，大家可以写成一个php生成的随机数。下面是JS脚本：
var proNum=0; var loop=0; var progressResult = ""; var interval; function sendURL() { $.ajax({ type : 'GET', url : "getprogress.php", async : true, cache : false, dataType : 'json', data: "progress_key=" + $('input[name=UPLOAD_IDENTIFIER]').val(), success : function(e) { proNum=parseInt(e); if(e){ $('.barinner').css('width', proNum+"%"); $('#showNum').html(proNum+"%"); setTimeout("getProgress()", 200); }else{ if(interval == 1){ $('.barinner').css('width', "100%"); $('#showNum').html("100%"); } } } }); } function getProgress(){ loop++; sendURL(); } function startProgress(){ interval = 1; $('.barinner').css('width', proNum+"%"); $('#showNum').html(proNum+"%"); setTimeout("getProgress()", 500); }
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：php上传进度条详细解读（推荐）
转载请注明原文链接：php上传进度条详细解读（推荐）
