如何使Fine Uploader不忽略文本区域
How to make Fine Uploader not to ignore text areas?
我已经学会了使用Fine Uploader与表单。但是,我不能使Fine Uploader不忽略表单中的文本区域。JS库将把输入字段数据传递给PHP端点,但不会对textareas做任何操作。
下面是一个现场演示:http://www.digioppikirja.fi/v3/fineuploader2.html
如果你填写表单并查看$_REQUEST的内容,你会看到除了textarea内容之外的所有内容:http://www.digioppikirja.fi/v3/dump_textarea.txt
该怎么办?
HTML:<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://www.digioppikirja.fi/v3/custom.fineuploader-4.4.0/custom.fineuploader-4.4.0.min.js"></script>
<link href="fineuploader.css">
<script type="text/template" id="qq-template">
<div class="qq-uploader-selector qq-uploader">
<div class="qq-upload-drop-area-selector qq-upload-drop-area" qq-hide-dropzone>
<span>Drop files here to upload</span>
</div>
<div class="qq-upload-button-selector qq-upload-button">
<div>Select Files</div>
</div>
<span class="qq-drop-processing-selector qq-drop-processing">
<span>Processing dropped files...</span>
<span class="qq-drop-processing-spinner-selector qq-drop-processing-spinner"></span>
</span>
<ul class="qq-upload-list-selector qq-upload-list">
<li>
<div class="qq-progress-bar-container-selector">
<div class="qq-progress-bar-selector qq-progress-bar"></div>
</div>
<span class="qq-upload-spinner-selector qq-upload-spinner"></span>
<span class="qq-upload-file-selector qq-upload-file"></span>
<span class="qq-upload-size-selector qq-upload-size"></span>
<a class="qq-upload-cancel-selector qq-upload-cancel" href="#">Cancel</a>
<span class="qq-upload-status-text-selector qq-upload-status-text"></span>
</li>
</ul>
</div>
</script>
<head>
<body>
<form action="endpoint2.php" method="post" enctype="multipart/form-data" id="qq-form">
<label>Enter your name</label>
<input type="text" name="user_name" required>
<label>Enter your email</label>
<input type="email" name="user_email" required>
<br /><br />
<label>The very best thing in travelling</label><br />
<textarea cols="50" rows="10" name="travelling"></textarea>
<input type="submit" value="Done">
</form>
<div id="my-uploader"></div>
<script>
$("#my-uploader").fineUploader();
</script>
</body>
PHP: require_once "handler.php";
require_once "../cfg/digikirjat.cfg.php";
$uploader = new UploadHandler();
// Specify the list of valid extensions, ex. array("jpeg", "xml", "bmp")
$uploader->allowedExtensions = array(); // all files types allowed by default
// Specify max file size in bytes.
$uploader->sizeLimit = 10 * 1024 * 1024; // default is 10 MiB
// Specify the input name set in the javascript.
$uploader->inputName = "qqfile"; // matches Fine Uploader's default inputName value by default
// If you want to use the chunking/resume feature, specify the folder to temporarily save parts.
$uploader->chunksFolder = "chunks";
$method = $_SERVER["REQUEST_METHOD"];
if ($method == "POST") {
header("Content-Type: text/plain");
// Call handleUpload() with the name of the folder, relative to PHP's getcwd()
$result = $uploader->handleUpload($_dirs['temp'].'/upload/');
// To return a name used for uploaded file you can use the following line.
$result["uploadName"] = $uploader->getUploadName();
echo json_encode($result);
$a = print_r($_REQUEST, true);
file_put_contents(getcwd().'/dump_textarea.txt', $a);
}
else {
header("HTTP/1.0 405 Method Not Allowed");
}
看起来表单字段解析器当前不处理<textarea>
元素。我已经打开了一个案例,并将修复它作为Fine Uploader 5.0的一部分。
在此修复之前,您可以通过解析onUploader
(或任何其他所需的)回调处理程序中的<textarea>
并通过setParams
将其作为参数添加来轻松解决此问题。例如:
callbacks: {
onUpload: function(id) {
var textAreaContent = document.getElementsByName("travelling")[0].value;
this.setParams({travelling: textAreaContent}, id);
}
}
注意:我还没有测试上面的代码,让我知道如果你有任何问题,但它应该工作。
相关文章:
- onkeyup无法动态创建多个文本区域
- 具有所有样式的文本正在复制到可编辑文本区域
- 在文本区域POST后解码JSON
- 在文本区域中使用jQuery.text()保持换行符
- ng在下拉列表和文本区域提交
- 将文本插入光标所在的文本区域
- 离开页面导航后保留文本区域内容
- Javascript-在文本区域中断,但不在段落中中断
- 当选择值x时,Javascript需要在正确的位置显示文本区域,从而循环通过具有选择选项的表单
- 测试文本区域中的特定文本格式
- 文本编辑后,append函数不适用于文本区域
- 如何在ReactJs中链接下拉列表和文本区域
- I'我试图在文本区域中进行特定的输入,调用特定的javascript函数,但没有成功;不起作用
- 使用JSON文件中的变量(字符串)填充文本区域
- JavaScript-如果以前不存在文本,如何从文本区域删除新行
- 如何在php中创建一个函数,该函数与文本区域一起工作,通过输入类似[color:red]的内容来打印具有等效颜色的文本
- 如何为动态创建的文本区域中输入的值更新ng模型
- 延迟高亮显示文本区域中的文本
- 将字母添加到文本区域的末尾
- TinyMCE在新添加的文本区域