AJAX를 사용하여 jquery를 통해 dropzone 값과 함께 텍스트 값을 업로드하는 방법은 무엇입니까?

div에 텍스트 영역 요소, dropdownlist 요소 및 dropzone 영역이 있습니다. 이미지, 비디오, pdf 파일이 성공적으로 업로드 폴더에 업로드됩니다 (문제 없음). 텍스트 영역과 드롭 다운 값도 다음을 통해 성공적으로 데이터베이스에 삽입됩니다. jquery 및 아약스 파일을 제출 단추를 클릭하면 (제출 단추를 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 

    } 
    ?>

내가 사용하는 DROPZONE 파일 :

DROPZONE - AMD-module.js

출처

2016-12-14 Sayuj3

사용 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); 
      }); 
};

출처

2017-04-16 06:16:05

AJAX를 사용하여 jquery를 통해 dropzone 값과 함께 텍스트 값을 업로드하는 방법은 무엇입니까?

답변

관련 문제