笨3 - 阿贾克斯文件上传（您没有选择要上传的文件）

Question

控制器：

function post() 
{ 
    if(!$this->input->is_ajax_request()) 
    { 
     show_404(); 
     exit; 
    } 

    $data['result'] = false; 

    $config['upload_path']   = base_url().'userfiles/customer'; 
    $config['allowed_types']  = 'pdf'; 
    $config['max_size']    = 100000; 

    $this->load->library('upload', $config); 

    $file = $this->input->post('userfile'); 

    if (! $this->upload->do_upload($file)) 
    { 
     $data['result'] = true; 
     $error = array('error' => $this->upload->display_errors()); 

     $data['error'] = $error; 
} 
    else 
    { 
     $data['result'] = true; 
     $data_upload = array('upload_data' => $this->upload->data()); 

     $data['success'] = $data_upload; 
    } 

    echo json_encode($data); 
} 

查看：

<div class="form"> 
    <div class="form-group"> 
     <label class="form-label" for="package">Package :</label> 
     <select class="package form-control" id="package" name="package"> 
      <option value="none">Please select..</option> 
      <?php foreach($package as $row) { ?> 
       <option value="<?php echo $row['id_order_package'] ?>"><?php echo $row['name'] ?></option> 
      <?php } ?> 
     </select> 
     <div class="error" id="msg_package"></div> 
    </div> 
    <div class="form-group"> 
     <label class="form-label" for="price">Price (Rp) :</label> 
     <input type="text" class="form-control" name="price" id="price" placeholder="" disabled> 
     <div class="error" id="msg_price"></div> 
    </div> 
    <div class="form-group"> 
     <label class="form-label" for="days">Days :</label> 
     <input type="text" class="form-control" name="days" id="days" placeholder="" disabled> 
     <div class="error" id="msg_days"></div> 
    </div> 
    <div class="form-group"> 
     <label class="form-label" for="userfile">File :</label> 
     <input type="file" id="userfile" name="userfile" class="form-control"> 
     <div class="error" id="msg_userfile"></div> 
    </div> 
    <div class="form-group"> 
     <label class="form-label" for="description">Description :</label> 
     <textarea class="form-control" rows="5" name="description" id="description"></textarea> 
     <div class="error" id="msg_description"></div> 
    </div> 
    <div class="form-group center"> 
     <div class="btn btn-primary">ORDER</div> 
    </div> 
</div> 

的Javascript：

$('.btn').click(function(e){ 
     $('#msg_package').html(' '); 
     $('#msg_userfile').html(' '); 
     $('#msg_description').html(' '); 

     if($('#package').val() == 'none') { 
      $('#msg_package').html('Please select package'); 
     } else if($('#userfile').val() == '') { 
      $('#msg_userfile').html('This field is required'); 
     } else if($('#description').val() == '') { 
      $('#msg_description').html('This field is required'); 
     } else { 

      $.ajax({ 
       url  : '<?php echo base_url() ?>account_order/add/post', 
       type : 'POST', 
       dataType: 'json', 
       mimeType:"multipart/form-data", 
       processData: false, 
       data : { userfile: $('#userfile')[0].files , price: $('#price').val() , days: $('#days').val() }, 
       success: function(data) { 

         if(!data['result']){ 

         }else{ 
          alert(data['error']); 
         } 
       } 
      }); 
     } 
    }); 

但是，我得到出错

​​

我试图从ajax发布数据&文件，但它不起作用。 我的问题是如何解决这个错误？为什么控制器无法读取用户文件的内容？

谢谢

Answer 1

尝试把你输入的形式和赋予形式ID =“your_form_id”，那么通过这种方式在JavaScript中发送数据：

var data = new FormData(document.getElementById("your_form_id")); 

然后替换该行data : { userfile: $('#userfile')[0].files , price: $('#price').val() , days: $('#days').val() },

与此data: data,

还在data: data,之后设置此项：

async: false, 
processData: false, 
contentType: false,