2016-12-14 8 views
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

答えて

0

使用のparams。 http://www.dropzonejs.com/#params

Dropzone.options.dropzoneBox = { 
     url: 'url here', 
     params: { 
      new_value: 'value' 
     }, 
     init: function(){ 
      this.on('success', function (data, xhr) { 
       console.log(data, xhr); 
      }); 
}; 
関連する問題