1

我正在尝试在 Yii EMarkitupWidget 中加载图像。所以我打开模式窗口multipart/form-data form,上传图像,并尝试使用图像 url 从控制器获取回调。之后,我需要将上传的图片网址粘贴到标记窗口中。

我该怎么做?我正在尝试这个:

set.js: {name:'Picture', key:'P', call: 'markitupimageupload'},

此函数打开模态窗口:

function markitupimageupload(){
    $('#mymodal').dialog('open');
}

带有表单的模态窗口:

<?php $this->beginWidget('zii.widgets.jui.CJuiDialog', array(
    'id'=>'mymodal',
    'options'=>array(
        'title'=>'Image Upload',
        'width'=>400,
        'height'=>200,
        'autoOpen'=>false,
        'resizable'=>false,
        'modal'=>true,
        'closeOnEscape' => true,
    ),
)); ?>
<?php $model=new ImageForm();
    $this->renderPartial('application.views.site.image',array('model'=>$model));
?>
<?php $this->endWidget('zii.widgets.jui.CJuiDialog'); ?>

形式:

class ImageForm extends CFormModel {
public $image;
// другие свойства

public function rules(){
    return array(
        // устанавливаем правила для файла, позволяющие загружать
        // только картинки!
        array('image', 'file', 'types'=>'jpg, gif, png'),
    );
}
}

表单视图:

<div class="form">
    <?php $form=$this->beginWidget('CActiveForm', array(
    'id'=>'image-upload-form',
    'action'=>array('/image/uploadnew'),
    'enableClientValidation'=>true,
    'clientOptions'=>array(
        'validateOnSubmit'=>true,
    ),
    'htmlOptions'=>array('enctype'=>'multipart/form-data'),
)); ?>

    <?php echo CHtml::errorSummary($model); ?>

    <div class="row">
        <?php echo $form->labelEx($model,'image'); ?>
        <?php echo CHtml::activeFileField($model,'image'); ?>
        <?php echo CHtml::error($model,'image'); ?>
    </div>

    <div class="row buttons">
        <?php echo CHtml::ajaxSubmitButton('Upload','/websnippets/image/uploadnew',
        array('type' => 'POST',
            'success' => 'function(){ $("#mymodal").dialog("close");}',));
        //echo CHtml::submitButton('Upload');
        ?>
    </div>

    <?php $this->endWidget(); ?>
</div><!-- form -->

问题:然后我使用 CHtml::submitButton('Upload') ,文件上传正常。但我需要获取文件名 url。然后我使用 CHtml::ajaxSubmitButton,我可以接受 Json 响应,但文件没有加载。如何解决这个问题?

4

2 回答 2

0

有一个jQuery 表单插件可以让您通过 AJAX 提交表单,即使您在其中有文件也是如此。它非常易于使用且功能强大。您可以将表单提交给一个操作,该操作返回一个带有文件名的 JSON 编码对象,然后使用它。

于 2012-08-09T12:51:04.307 回答
0

在您的 actionUploadnew 控制器中返回文件名 - 例如:

echo CJSON::encode(array('filepath'=>$filepath));

在您的回调 javascript 中,您可以像这样访问它:

'success' => 'function(data){ console.log(data.filepath); }'
于 2012-07-30T22:48:50.177 回答