如何上傳jQuery中的文件和HTML格式複雜的輸入

-2

我知道這麼多重複的問題。但我不知道，如何用形式上的數組複雜的形式上傳它。這是我的html：而這個jQuery：如何上傳jQuery中的文件和HTML格式複雜的輸入

function saveDraft(){ 
     var scope = $('#scope').val(); 
     var secrecy = $('#secrecy').val(); 
     var priority = $('#prio').val(); 
     var cc = $('#cc').val(); 
     var subject = $('#form-field-subject').val(); 
     var msg = $('.wysiwyg-editor')[0].innerHTML; 
     var attachment = document.getElementById('attachment'); 
     var refnd = $('#refnd').val(); 
     var refarsip = $('#refarsip').val(); 
     var from = $('#from').val(); 
     var approval = []; 
     $('.approval :selected').each(function(i, selected){ 
      approval[i] = $(selected).val(); 
     }); 
     var receiver = []; 
     $('.for :selected').each(function(i, selected){ 
      receiver[i] = $(selected).val(); 
     }); 
     $.ajax({ 
      type: 'post', 
      url: '<?php echo $this->baseurl; ?>/memo/saveDraft', 
      data: { 
       scope : scope, 
       secrecy : secrecy, 
       priority : priority, 
       from : from, 
       approval : approval, 
       receiver : receiver, 
       cc : cc, 
       subject : subject, 
       msg : msg, 
       attachment : formData, 
       refnd : refnd, 
       refarsip : refarsip 
      }

來源

2016-08-25 Nike Yulistia Angreni

你需要設置formData作爲數據到jQuery和其他當前數據的值需要在formData中。 – jcubic

是否有可能通過我有多個選擇多個數據？ @jcubic –

你不會在任何地方創建formData。您需要創建formData的實例並追加文件的值和其他屬性。 – jcubic

試試這個：

HTML：

<input id="pic" type="file" name="pic" /> 
<button id="upload">Upload</button>

JS：

$('#upload').on('click', function() { 
     var file_data = $('#pic').prop('files')[0]; 
     var form_data = new FormData(); 
     form_data.append('file', file_data); 

     $.ajax({ 
       url   : 'upload.php',  // point to server-side PHP script 
       dataType : 'text',   // what to expect back from the PHP script, if anything 
       cache  : false, 
       contentType : false, 
       processData : false, 
       data  : form_data,       
       type  : 'post', 
       success  : function(output){ 
        alert(output);    // display response from the PHP script, if any 
       } 
     }); 
     $('#pic').val('');      /* Clear the file container */ 
    });

PHP的：

<?php 
    if ($_FILES['file']['error'] > 0){ 
     echo 'Error: ' . $_FILES['file']['error'] . '<br>'; 
    } 
    else { 
     if(move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name'])) 
     { 
      echo "File Uploaded Successfully"; 
     } 
    } 

?>

這會將單個文件上傳到服務器。進行一些更改，以便您可以上傳多個文件。

來源

2016-08-25 09:45:28

如何上傳jQuery中的文件和HTML格式複雜的輸入

回答

相關問題