[PHP][AJAX] Upload pliku i błąd, że plik nie został wybrany Opcje

[in5ane]

Cześć. Dopisuję coś w skrypcie napisanym w CodeIgniter i mam problem. Próbuję zrobić upload plików poprzez ajax, ale coś nie prądzi. Plik niby dochodzi do kontrolera, ale uploader CodeIgniter'a wywala błąd. Poniżej moje kody, może ktoś co poratuję. Z góry dzięki.


html:

[HTML] pobierz, plaintext 
	<form id="uploadImage" method="post" enctype="multipart/form-data">
		<input type="file" name="fileUploadField" id="fileUploadField" />
	</form>
[HTML] pobierz, plaintext 

java script:

[JAVASCRIPT] pobierz, plaintext 
	$.ajax({
		url: '<?=site_url('screen/upload')?>',
		data: $('#fileUploadField'),
		type: 'POST',
		success: function(data) {
			if (data != 'false')
			{
				alert("super");
			}
			else
			{
				alert("error");
			}
		},
		error: function() {
			alert("error");
		}
	});
[JAVASCRIPT] pobierz, plaintext 

php:

[PHP] pobierz, plaintext 
	public function upload()
	{
		$config['upload_path'] = 'public/uploads/';
		$config['file_name'] = time().mt_rand().rand();
		$this->load->library('upload', $config);
		if (!$this->upload->do_upload('fileUploadField'))
		{
			print_r($this->upload->display_errors());
			print_r($_POST);
			exit(); // dodane podczas debugowania
			echo 'false';
		}
		else
		{
			echo $config['file_name'];
		}
		exit();
	}
[PHP] pobierz, plaintext 

post:

Kod

fileUploadField=DSCN2582.JPG

odpowiedź:

Kod

<p>You did not select a file to upload.</p>
Array
(
    [fileUploadField] => DSCN2582.JPG
)

Ten post edytował in5ane 10.02.2014, 21:41:18

[in5ane]

[PHP] pobierz, plaintext 
var file = document.getElementById('fileToUpload').files[0];
var formData = new FormData();
formData.append("fileToUpload", file);
var xhr = new XMLHttpRequest();
var url = "http://website.com/upload.php";
xhr.open("POST", url, false);
xhr.send(formData);
[PHP] pobierz, plaintext 

I w PHP normalnie się odczytuje pliki z $_FILES. Można do tego dorobić eventy, jak np. czy plik się wgrał, czy nie było błędu, czy stworzyć progress bar.

Ten post edytował in5ane 13.02.2014, 12:31:15