Ajax Submit

Yii 1.1 General Discussion
1

Please, Help!!. How to upload image using ajax?

2

Hi,

view code

    <?php $this->widget('ext.EAjaxUpload.EAjaxUpload',


		array(


	        'id'=>'uploadFile',


	        'config'=>array(


	        	'action'=>Yii::app()->createUrl('Controllername/upload'),


	            'allowedExtensions'=>array("pdf"),//array("jpg","jpeg","gif","exe","mov" and etc...


	            'sizeLimit'=>10*1024*1024,// maximum file size in bytes


	            'minSizeLimit'=>1*1024*1024,// minimum file size in bytes


	             'onComplete'=>"js:function(id, fileName, responseJSON){

[size=2] [/size][size=2] [/size][size=2] [/size][size=2]});[/size]

				  }",


	             'messages'=>array(


                 	'typeError'=>"{file} has invalid extension. Only {extensions} are allowed.",


                    'sizeError'=>"{file} is too large, maximum file size is {sizeLimit}.",


                    //'minSizeError'=>"{file} is too small, minimum file size is {minSizeLimit}.",


                    'emptyError'=>"{file} is empty, please select files again without it.",


                    'onLeave'=>"The files are being uploaded, if you leave now the upload will be cancelled."


                 ),


	             'showMessage'=>"js:function(message){ alert(message); }"


	         )


		)); 


	?>

Controller code

public function actionUpload(){


	Yii::import("ext.EAjaxUpload.qqFileUploader");


	


	$folder=Yii::app()->basePath . '/../uploads/';// folder for uploaded files


	$allowedExtensions = array("pdf");//array("jpg","jpeg","gif","exe","mov" and etc...


	$sizeLimit = 10 * 1024 * 1024;// maximum file size in bytes


	$uploader = new qqFileUploader($allowedExtensions, $sizeLimit);


	$result = $uploader->handleUpload($folder);


	$return = htmlspecialchars(json_encode($result), ENT_NOQUOTES);


	


	$fileSize=filesize($folder.$result['filename']);//GETTING FILE SIZE


	$fileName=$result['filename'];//GETTING FILE NAME





	echo $return;// it's array


}

Extension

Download extension [size=2]EAjaxUpload[/size]