如何通过jQuery的悬浮窗值一起上传文本值，使用AJAX？

我有一个textarea元素，dropdownlist元素和一个div中的dropzone区域。图像，视频，pdf文件已成功上传到上传文件夹中（没有问题）。文本区域和下拉值也成功通过数据库插入到数据库中jquery和ajax文件，当提交按钮被点击时（提交按钮在jquery上工作）。我的要求是，如何通过jQuery AJAX发送dropzone文件值（通过发送文本区域和下拉值的相同的jQuery AJAX）提交按钮单击事件......如何通过jQuery的悬浮窗值一起上传文本值，使用AJAX？

的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

来源

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

如何通过jQuery的悬浮窗值一起上传文本值，使用AJAX？

回答

相关问题