[英]How to submit additional Form Data to Blueimp Uploader?
我試圖通過Blueimp jquery文件上傳器將其他表單數據插入MYSQL。 但我有一些問題。
我正在使用演示設置,我將模板上傳更改為以下代碼(*我添加了Notunuz輸入)
<script id="template-upload" type="text/x-tmpl">
{% for (var i=0, file; file=o.files[i]; i++) { %}
<tr class="template-upload fade">
<td class="preview"><span class="fade"></span></td>
<td class="title"><label>Notunuz: <input name="title[]"></label></td>
{% if (file.error) { %}
<td class="error" colspan="2"><span class="label label-important">Hata</span> {%=file.error%}</td>
{% } else if (o.files.valid && !i) { %}
<td>
<div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="0"><div class="bar" style="width:0%;"></div></div>
</td>
<td class="start">{% if (!o.options.autoUpload) { %}
<button class="btn btn-primary">
<i class="icon-upload icon-white"></i>
<span>Başlat</span>
</button>
{% } %}</td>
{% } else { %}
<td colspan="2"></td>
{% } %}
</tr>
{% } %}
</script>
.js
和UploadHandler.php
文件? 我的第二個問題是如何重定向到特定的URL上傳完成?
發送其他FormData有多種方法,
1.靜態表單數據(如果表單數據在運行時永遠不會更改):
使用初始化FileUpload,
$('#fileupload').fileupload({
formData: {
"data1": data1,
"data2": data2
}
});
2.Dynamic FormData
使用fileuploadsubmit
在submit事件上設置FormData
$('#formData').fileupload({
.........
}).on('fileuploadsubmit', function (e, data) {
data.formData = {
"data1": data1,
"data2": data2
};
});
詳情請見:
我喜歡,
$('#fileupload').fileupload({
formData: {example: 'test'}
});
為了更有活力,
<input type="text" name="name" value="" id="inpName" /> /* example 1 */
<span id="spnHash" style="display:none">ttt-vvv-hh</span> /* example 2 */
$('#fileupload').fileupload({
var $formData = {
"name": $("#inpName").val(),
"hash": $("#spnHash").text()
}
formData: $formData
});
對於重定向:
https://github.com/blueimp/jQuery-File-Upload/issues/670#issuecomment-2291997
$('#file-upload').fileupload({
formData: {key: 'value'}
});
在fileupload表單中添加一個input元素,如下所示:
<form id="fileupload" action="/server/php" method="POST" enctype="multipart/form-data">
<input type="text" name="additional_data" value="your_value" hidden >
</form>
然后在UploadHandler.php中,您可以使用$ _REQUEST ['additional_data']獲取輸入的值
例如:
$myData = $_REQUEST['additional_data'];
然后將數據插入mysql:
$conn = new mysqli($servername, $username, $password, $dbname);
$conn->query("INSERT INTO your_tbl(your_field) VALUES ('$myData')");
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.