JavaScript не может прочитать объект FormData в переполнении стека

Question

JavaScript не может прочитать объект FormData в переполнении стека

Я хочу загрузить один файл на сервер с функцией Ajax и используя объект formdata. Мне показывали все значения входного файла при нажатии кнопки загрузки.

название: «лич hoc.txt»

размер: 1950

тип: «текст / обычный»

Но моя проблема в том, что я не могу прочитать объект в своем php-коде, var_dump — ничто.
Я использовал рамки Codeigniter.
Пожалуйста, помогите мне ! Спасибо

HTML-код

<form enctype="multipart/form-data" name="" id=""  method="post" action="">
<input id="file" type="file" name="file" />
<button class="button" id="btnDangKi"> Đăng Kí </button>
</form>

JS CODE

        $(document).ready(function(){
$('#btnDangKi').click(function(){
UpLoadFile();
});

});

function UpLoadFile(){
var file_upload = document.getElementById("file").files[0];
var fd = new FormData();
fd.append("file",file_upload);
console.log(file_upload);
$.ajax({
url:'<?php echo base_url('QuanLyXe_Ajax/upload'); ?>',
data: fd,
processData: false,
contentType: false,
type: 'POST',
enctype: 'multipart/form-data',
mimeType: 'multipart/form-data',
success: function(data){
alert(data);
}
});
}

PHP-код

    public function UpLoad(){
$config['upload_path'] = './assets/uploads/';
$config['allowed_types'] = 'gif|jpg|png|txt';

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

if ($this->upload->do_upload("file"))
{
echo "Thanh cong upload ";
}else
{
echo $this->upload->display_errors();
}

echo var_dump($_POST);
}

-1

ajax codeigniter form-data javascript php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

СТИЛЬ КОД 🙂

<style>
#upload_button{

padding:5px 10px;
border:1px solid gray;
border-radius:10px;
cursor:hand;
cursor:pointer;
float:left;
margin-top:5px;
}

#upload_form{

float:left;
margin-right:10px;
width:300px;
padding:10px;

}
</style>

JQUERY CODE

<script>

$(document).ready(function(){
$('#upload_button').click(function(){
UpLoadFile();
});

});

function UpLoadFile(){
var formData = new FormData($("#form_file")[0]);
$.ajax({
url: "yukle.php",
type: "POST",
data: formData,
async: false,
success: function (cevap) {
$("#sonuc").append(cevap);
},
cache: false,
contentType: false,
processData: false
});

e.preventDefault();
}

</script>

HTML-код

<div id="upload_form">
<form enctype="multipart/form-data" name="form_file" id="form_file"  method="post" action="">
<input id="file" type="file" name="file" />
</form>
</div>

<div id="upload_button"> Upload</div>

PHP-код

public function UpLoad($file){

if (
$file["type"]=="image/jpeg" or
$file["type"]=="image/png" or
$file["type"]=="image/gif"){
$dosya_adi=$file["name"];
$uzanti=substr($dosya_adi,-4,4);
$yeni_ad= './assets/uploads/'.$dosya_adi.$uzanti;
if (move_uploaded_file($file["tmp_name"],$yeni_ad)){
echo 'Files uploaded';
}else{
echo 'Upload Error';
}
}else{
echo 'Error';
}

}

UpLoad($_POST['file']);

2