如何从 html <textarea> 获取值并将值发送到 PHP 页面?

How to get and send values from html <textarea> to a PHP page?

我创建了一个用于图片上传的表单。此表单还包含一个标签,用于添加有关正在上传的图像的信息。每当单击 'Upload' 按钮时,我都需要将标签中的文本发送到页面“savetofile.php”。

目前图片上传正常,图片信息发送正确,但无法获取“savetofile.php”页面标签中的文字

表格

<form action="savetofile.php" enctype="multipart/form-data" id="form1" method="post">

    <div>
        <label for="fileToUpload">Take or select photo(s)</label><br/>
        <input accept="image/*" capture id="fileToUpload" name="fileToUpload" onchange="fileSelected();"
               type="file"/>
    </div>

    <div>
        <br><br>
        <label for="notes">Notes:</label>
        <textarea cols="50" id="notes" maxlength="2000" name="notes" placeholder="Please enter any additional information here"
                  rows="4" onchange="this.form.submit()"></textarea>
        <br><br>
    </div>

    <div id="details"></div>

    <div>
        <input onclick="uploadFile()" type="button" value="Upload"/>
    </div>

    <div id="progress"></div>

</form>

savetofile.php

$text = $_POST['notes'];
_log('text: ' .$text);

上传文件()

        function uploadFile() {
            var fd = new FormData();
            var count = document.getElementById('fileToUpload').files.length;

            for (var index = 0; index < count; index++) {
                var file = document.getElementById('fileToUpload').files[index];
                fd.append('myFile', file);
            }

            var xhr = new XMLHttpRequest();

            xhr.upload.addEventListener("progress", uploadProgress, false);
            xhr.addEventListener("load", uploadComplete, false);
            xhr.addEventListener("error", uploadFailed, false);
            xhr.addEventListener("abort", uploadCanceled, false);
            xhr.open("POST", "savetofile.php");
            xhr.send(fd);
        }

当前输出:

Undefined index: notes...
text: 

您似乎没有附加备注字段值。在for循环之后添加这个,

fd.append('notes', document.getElementById('notes').value);