我已经能够使用 ajax 将.txt文件上传到我的网站,但我也想在我的网站上显示.txt文件的内容。我不知道该怎么做。谢谢!
这是我的 HTML
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="static/jquery-1.4.2.js"></script>
<script type="text/javascript" src="static/jquery-ui-1.8.4.custom.min.js"></script>
<script type='text/javascript' src='static/js_test.js'></script>
<script type='text/javascript' src='static/jquery.form.js'></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
</head>
<body>
<form action="http://malsup.com/jquery/form/file-echo2.php" method="post" enctype="multipart/form-data">
<input type="file" name="myfile"/>
<input type="submit" value="Submit File"/>
</form>
<div class="progress">
<div class="percent">0%</div >
</div>
<div id="status"></div>
</body>
</html>
这是我的jQuery
$(document).ready(function() {
(function() {
var bar = $('.bar');
var percent = $('.percent');
var status = $('#status');
$('form').ajaxForm({
beforeSend: function() {
status.empty();
var percentVal = '0%';
bar.width(percentVal)
percent.html(percentVal);
},
uploadProgress: function(event, position, total, percentComplete) {
var percentVal = percentComplete + '%';
bar.width(percentVal)
percent.html(percentVal);
},
success: function() {
var percentVal = '100%';
bar.width(percentVal)
percent.html(percentVal);
},
complete: function(xhr) {
status.html(xhr.responseText);
}
});
})();
});
这是我的PHP
<?php
foreach($_FILES as $file) {
$n = $file['name'];
$s = $file['size'];
if (is_array($n)) {
$c = count($n);
for ($i=0; $i < $c; $i++) {
echo "<br>uploaded: " . $n[$i] . " (" . $s[$i] . " bytes)";
}
}
else
echo "<br>uploaded: $n ($s bytes)";
}
?>
您可以在 ajax 请求中将其发送回:
在文件回显2.php中:
<?php
foreach($_FILES as $file) {
$n = $file['name'];
$s = $file['size'];
if (is_array($n)) {
$c = count($n);
for ($i=0; $i < $c; $i++) {
if (move_uploaded_file($n[$i], '/path/where/you/put/that/file.txt')) {
echo "uploaded " . $n[$i] . " (" . $s[$i] . " bytes):'n";
echo file_get_contents('/path/where/you/put/that/file.txt');
}
}
}
else {
if (move_uploaded_file($n, '/path/where/you/put/that/file.txt')) {
echo "uploaded " . $n . " (" . $s . " bytes):'n";
echo file_get_contents('/path/where/you/put/that/file.txt');
}
}
}
var fileText = load('file_name.txt');
您可以通过此处找到更多解决方案:http://forum.jquery.com/topic/reading-values-from-text-file