如何从 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);
我创建了一个用于图片上传的表单。此表单还包含一个标签,用于添加有关正在上传的图像的信息。每当单击 '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);