2
div内にtextarea要素、dropdownlist要素、dropzone領域があります。画像、ビデオ、pdfファイルは正常にアップロードフォルダにアップロードされます(問題なし)。テキスト領域とドロップダウン値も正常にデータベースに挿入されていますjQueryとajaxファイルを送信ボタンをクリックすると(jqueryで送信ボタンが動作します)。私の必要条件は、Jquery AJAX(テキスト領域とドロップダウン値が送信される同じjQuery AJAXを介して)を通じてdropzoneファイル値を送信する方法です...ボタンクリックイベントを提出AJAXを使用して、jqueryを使用してdropzone値とともにテキスト値をアップロードするにはどうすればよいですか?
htmlコード:
<div class="panel">
<textarea placeholder="Hi!" class="form-control input-lg p-text-area" name="update" id="update" ></textarea>
<div class="panel-footer">
<ul class="nav nav-pills">
<li><select name="selectcategory" id="selectcategory" required>
<option value="">----select category-----</option>
<option value="option1">1</option>
<option value="option2">2</option>
<option value="option3">3</option>
<option value="option4">4</option>
</select></li>
<input type="submit" value="Update" name="update" id="u" class="btn btn-info pull-right update_button">
<li> <form action="upload_file.php" class="dropzone">
<div class="fallback">
<input name="file" type="file" multiple />
</div>
</form>
<a href="javascript:void(0)" id="camerabutton" title="Upload Image"><i class=" fa fa-camera"></i></a>
</li>
</ul>
</div>
</div>
jqueryのコード:
/* Update Button Click */
$(".update_button").click(function()
{
var updateval = $("#update").val();
var cate=$("#selectcategory").val();
var dataString = 'update='+updateval+'&Category='+cate;
if($.trim(updateval).length==0 && $.trim(cate).length==0)
{
alert('ENTER SOME TEXT!!');
}
else
{
$.ajax({
type: "POST",
url: $.base_url+"message_ajax.php",
data: dataString,
cache: false,
success: function(html)
{
$("#update").val('').focus();
$("#selectcategory").val('');
//var c=$('#update_count').html();
//$('#update_count').html(parseInt(c)+1);
$(".dropzone").hide();
}
});
}
return false;
});
upload_file.php
<?php
$ds = DIRECTORY_SEPARATOR; //1
$storeFolder = 'uploads'; //2
if (!empty($_FILES)) {
$tempFile = $_FILES['file']['tmp_name']; //3
$targetPath = dirname(__FILE__) . $ds. $storeFolder . $ds; //4
$targetFile = $targetPath. $_FILES['file']['name']; //5
move_uploaded_file($tempFile,$targetFile); //6
}
?>
私が使用するドロップゾーンファイル:
ドロップゾーン-AMD-module.js