我已经简化我的代码上传无iframe或闪存引擎一个文件,我想出了这个AJAX功能:AJAX的PHP文件上传
<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>
这是PHP代码回复ajax功能:
<?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函数。 当它出错时,我可以看到文件开始上传,但它没有原始大小,所以它可能会出现错误并停止上传。
先谢谢你了,丹尼尔!
这只是它在大多数浏览器中被打破,因为它并不真正有效。您应该联系您的浏览器供应商并讨论如何解决您的问题。 – hakre 2012-04-02 11:35:37
以及问题是,它的工作原理,但只有时,在小文件它总是工作..但在超过500 kb的文件〜它只有时有效,有时它停止由于某种原因,只上传一小段文件 – 2012-04-02 11:55:15
你无法正常工作时发生错误? – jreed121 2012-04-02 19:25:43