How to upload image in a CJuiDialog (modal)
Hello all,
I’m trying (w/ no success) to upload an image in a CJuiDialog.
I have (sucessfully) used before the image upload field, but can not get it to work w/ Ajax.
Here is the (working) code I used before
view
- beginWidget('CActiveForm', array(
- 'id'=>'personasform',
- 'enableAjaxValidation'=>true,
- 'htmlOptions'=>array('enctype'=>'multipart/form-data'),
- )); ?>
- ...
- echo $form->fileField($model,'rutaImagen',array());
- ...
beginWidget('CActiveForm', array(
'id'=>'personasform',
'enableAjaxValidation'=>true,
'htmlOptions'=>array('enctype'=>'multipart/form-data'),
)); ?>
...
echo $form->fileField($model,'rutaImagen',array());
...Controller
- ...
- $model->rutaImagen=CUploadedFile::getInstance($model,'rutaImagen');
- ...
- $model->rutaImagen->saveAs($fullPath);
... $model->rutaImagen=CUploadedFile::getInstance($model,'rutaImagen'); ... $model->rutaImagen->saveAs($fullPath);
Here is new code which does not work.
view
- $this->beginWidget('zii.widgets.jui.CJuiDialog', array(
- 'id'=>'mydialog2',
- // additional javascript options for the dialog plugin
- 'options'=>array(
- 'title'=>'Dialog box 1',
- 'autoOpen'=>false,
- 'modal'=>true,
- 'width'=>550,
- 'height'=>500,
- ),
- )); ?>
- ...
- beginWidget('CActiveForm', array(
- 'id'=>'amigo-form',
- 'enableAjaxValidation'=>true,
- 'htmlOptions'=>array('enctype'=>'multipart/form-data'),
- )); ?>
- ...
- echo $form->fileField($model,'rutaImagen',array());
- ....
- echo CHtml::ajaxSubmitButton('Create Job',CHtml::normalizeUrl(array('people/addnew2','render'=>false)),
- array('success'=>'js: function(data) {
- $("#mydialog2 div.divForForm2").html(data);
- }'),array('id'=>'closeJobDialog'));
$this->beginWidget('zii.widgets.jui.CJuiDialog', array(
'id'=>'mydialog2',
// additional javascript options for the dialog plugin
'options'=>array(
'title'=>'Dialog box 1',
'autoOpen'=>false,
'modal'=>true,
'width'=>550,
'height'=>500,
),
)); ?>
...
beginWidget('CActiveForm', array(
'id'=>'amigo-form',
'enableAjaxValidation'=>true,
'htmlOptions'=>array('enctype'=>'multipart/form-data'),
)); ?>
...
echo $form->fileField($model,'rutaImagen',array());
....
echo CHtml::ajaxSubmitButton('Create Job',CHtml::normalizeUrl(array('people/addnew2','render'=>false)),
array('success'=>'js: function(data) {
$("#mydialog2 div.divForForm2").html(data);
}'),array('id'=>'closeJobDialog')); in controller
- ...
- $model->rutaImagen=CUploadedFile::getInstance($model,'rutaImagen');
- // which does NOT bring anything if echoed
- ...
- $fullPath = "c:/archivo.jpg" ;
- ...
- $model->imagen->saveAs($fullPath);
- // get an error trying to save nothing
- // 500 - Internal Server Error
- // paths are correct
... $model->rutaImagen=CUploadedFile::getInstance($model,'rutaImagen'); // which does NOT bring anything if echoed ... $fullPath = "c:/archivo.jpg" ; ... $model->imagen->saveAs($fullPath); // get an error trying to save nothing // 500 - Internal Server Error // paths are correct
I have tried a bunch of things including:
– using extensions
– use CHtml::ajaxSubmitButton
Questions:
– How to submit images using ajax?
– How to debug the things that are sent in Ajax. In browser I only see the rest of the fields (textfields w/ values) except file.
Thanks
By tuolden in Jui · Asked 585 days 20 hours 40 mins ago
Questions: 25 Accepted: 0 ( 0% ) | Reputation: 0
Answers (1)
Hack … But it works
I’m using eajaxupload
I just upload file first & then using a hidden field move it to the right folder w/ form is submitted.
Any other suggestions are more than welcome.
By tuolden · 585 days 19 hours 8 mins ago
Questions: 25 Accepted: 0 ( 0% ) | Reputation: 0