如何将文本文件加载到HTML中的<textarea>标签内？

Question

如何将文本文件加载到HTML中的<textarea>标签内？

html

3

怎样将文本文件加载到HTML的标签中？我没有源代码可以展示给你。谢谢！

- SchoolforDesign

2

文本文件在哪里？在用户的电脑上吗？在服务器上吗？还是在另一台服务器上？ - Mr Lister

用户的计算机中有一个文本文件，我不知道是否可以从其他网站上的URL加载，例如：a.com/b.txt，谢谢。 - SchoolforDesign

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- FoxInFlame · Accepted Answer

你可以使用PHP从用户的计算机中加载文件。以下是一个示例。

form.html

<form action="upload.php" method="post" enctype="multipart/form-data">
    Select image to upload:
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input type="submit" value="Upload Image" name="submit">
</form>

upload.php

<?php
$target_dir = "uploads/";  
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
if(isset($_POST["submit"])) {
    if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
        echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
        header("Location: http://example.com/displaymessage.php?filename=" + basename( $_FILES["fileToUpload"]["name"]));
    } else {
        echo "Sorry, there was an error uploading your file.";
    }
}
?>

displaymessage.php

<?php
$file = $_GET['filename'];
?>
<script>
var client = new XMLHttpRequest();
client.open('GET', '/uploads/<?=$file?>');
client.onreadystatechange = function() {
  document.getElementById("#textbox").value = client.responseText;
}
client.send();
</script>

请确保更改#textbox为文本域标签的ID。(例如：<textarea id="foo">) 注意：我只想出了这段代码的一半，我不确定它是否能正常工作。