不使用iFrame或flash引擎的ajax php文件上载
我简化了在没有iFrame或flash引擎的情况下上传文件的代码,并实现了以下ajax功能:不使用iFrame或flash引擎的ajax php文件上载,php,ajax,file,upload,progress,Php,Ajax,File,Upload,Progress,我简化了在没有iFrame或flash引擎的情况下上传文件的代码,并实现了以下ajax功能: <input type="file" name="uploadfile" id="myfile" /><label for="file" id="progress"></label> <script src="js/jquery-1.7.1.min.js"></script> <script> funct
<input type="file" name="uploadfile" id="myfile" /><label for="file" id="progress"></label>
<script src="js/jquery-1.7.1.min.js"></script>
<script>
function uploadFile(files) {
var xmlhttp;
if(window.XMLHttpRequest)
xmlhttp = new XMLHttpRequest();
else
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.upload.onprogress = function(e) {
$("#progress").empty().append(e.loaded + " - " + e.total);
}
xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
alert(xmlhttp.responseText + "DONE!");
}
}
xmlhttp.open("post", "post.php", true);
xmlhttp.setRequestHeader("If-Modified-Since", "Mon, 26 Jul 1997 05:00:00 GMT");
xmlhttp.setRequestHeader("Cache-Control", "no-cache");
xmlhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
xmlhttp.setRequestHeader("X-File-Name", files[0].fileName);
xmlhttp.setRequestHeader("Content-Type", "multipart/form-data");
xmlhttp.send(files[0]);
}
$(document).ready(function() {
$("#myfile").change(function() {
uploadFile(this.files);
});
});
</script>
函数上载文件(个文件){
var-xmlhttp;
if(window.XMLHttpRequest)
xmlhttp=新的XMLHttpRequest();
其他的
xmlhttp=新的ActiveXObject(“Microsoft.xmlhttp”);
xmlhttp.upload.onprogress=函数(e){
$(“#进度”).empty().append(e.loaded+”-“+e.total);
}
xmlhttp.onreadystatechange=函数(){
if(xmlhttp.readyState==4&&xmlhttp.status==200){
警报(xmlhttp.responseText+“完成!”);
}
}
open(“post”,“post.php”,true);
setRequestHeader(“如果自1997年7月26日星期一05:00:00 GMT起修改”);
setRequestHeader(“缓存控制”,“无缓存”);
setRequestHeader(“X-request-With”,“XMLHttpRequest”);
setRequestHeader(“X-File-Name”,文件[0]。文件名);
setRequestHeader(“内容类型”、“多部分/表单数据”);
xmlhttp.send(文件[0]);
}
$(文档).ready(函数(){
$(“#myfile”).change(函数(){
上载文件(this.files);
});
});
这是响应ajax函数的php代码:
<?php
if(isset(
$_SERVER['CONTENT_TYPE'],
$_SERVER['CONTENT_LENGTH'],
$_SERVER['HTTP_X_FILE_NAME']
) &&
$_SERVER['CONTENT_TYPE'] == 'multipart/form-data'){
$file->name = basename($_SERVER['HTTP_X_FILE_NAME']);
$input = fopen('php://input', 'rb');
$file = fopen('files/'.$file->name, 'wb');
stream_copy_to_stream($input, $file);
fclose($input);
fclose($file);
} else {
echo "Error";
}
?>
问题是,有时它会工作有时它会在尝试上载同一个文件时出错。我希望有办法解决这个问题。代码很简单,当我选择一个具有输入文件类型的文件时,uploadFile函数将执行。
当它出错时,我可以看到文件开始上传,但它没有原始大小,所以在某个地方它可能会出错并停止上传
先谢谢你,丹尼尔 我不确定这是否是您的问题,但无论如何,您应该确保您的服务器允许上载足够大的文件,并且可以在不超时的情况下处理这些文件 您可以在代码或php.ini中设置(代码中的示例:) 然后,确保服务器没有超时:
$seconds=120;
set_time_limit ( $seconds );
所有这些代码都放在PHP文件的顶部。只是在大多数浏览器中,这些代码都被破坏了,因为它们不能真正稳定地工作。你应该联系你的浏览器供应商,讨论如何解决你的问题。问题是,它可以工作,但只有在小文件上,它有时才能工作。。但在500 kb以上的文件上,它有时会工作,有时会因为某种原因停止,只上载一部分文件。当它不工作时,您是否会遇到错误?不,至少不是我在echo上写的错误,它有时会停止,我可以看到上传到服务器上的部分文件是的,我认为超时是问题所在,否则我看不到任何其他解释,为什么同一个文件有时会上传,有时不会。非常感谢回复,丹尼尔。
$seconds=120;
set_time_limit ( $seconds );