Hi,
great extension, but it would be even better to have some more documentation on this.
For example, i’d like to know how to get functions on the example-site on example-site at appspot, like alert “File to small!”, etc.
Please extend the demo in the extension-zip.
Thx
The documentation in the yii site its about the installation and basic usage, the documentation your guys are asking for, its the jquery documentation.
The answers to all this questions are in the wiki, please take a look there.
Hi, anybody know how to implement multiple instances of the widget in a single page, I’ve created 2 juidialog and loaded a widget on each one from diferent views, but when a add I file to the second xupload widget it is queued to the first one, so how do I add files to each one separately, thank you
The jquery plugin has been updated to a new version, however the new documentation lacks many examples for common task, the old wiki has been restored and the examples are now back for the old version, please vote here to update or not the extension. take into account the lack of documentation for the new version.
The wiki for the original jquery plugin has been restored
You can find the answer to your specific need [here](https://github.com/blueimp/jQuery-File-Upload/wiki/Multiple-File-Input-Fields-in-one-Form "multiple input fields")
Hi.
I’m have a problem whis that extension. I can’t define callback js function.
$this->widget('ext.xupload.XUploadWidget', array(
'url' => Yii::app()->createUrl("admin/images/upload", array("type" => $this->getId(), "item_id" => $model->m_id)),
'model' => new Images,
'attribute' => 'images',
'multiple' => true,
'htmlOptions'=>array('name' => 'images'),
'options' => array
'onComplete' => 'js:function (event, files, index, xhr, handler, callBack) {
console.log("upload finish");
}',
),
));
I have that error
Uncaught TypeError: Cannot read property 'name' of null query.fileupload-ui.js:97
Snippet of this file here
this.removeNode = function (node, callBack) {
if (node) {
node.fadeOut(function () {
$(this).remove();
if (typeof callBack === func) {
try {
callBack();
} catch (e) {
// Fix endless exception loop:
$(this).stop();
throw e;
/*jquery.fileupload-ui.js:97Uncaught TypeError: Cannot read property 'name' of null*/
}
}
});
} else if (typeof callBack === func) {
callBack();
}
};
Please help!
Can you please show the generated javascript code?
callback contains:
function () {
handler.initDownloadRow(event, files, index, xhr, handler, function () {
if (typeof handler.onComplete === func) {
handler.onComplete(event, files, index, xhr, handler);
}
});
}
this inthe source of page:
/*<![CDATA[*/
jQuery(function($) {
jQuery("#images").MultiFile({'accept':'jpg|png|gif','max':10});
jQuery('#Images_form').fileUploadUI({'onComplete':function (event, files, index, xhr, handler, callBack) {
console.log("upload finish");
},'uploadTable':'#files','downloadTable':'#files','buildUploadRow':function (file, index) {
return $('<tr>'+
'<td class="filename">'+file[index].name+'</td>'+
'<td class="filesize">'+file[index].name+'</td>'+
'<td class="file_upload_progress"><div></div></td>'+
'<td class="file_upload_start" style="display:none">'+
'<button class="ui-state-default ui-corner-all" title="Start Upload">'+
'<span class="ui-icon ui-icon-circle-arrow-e">Start Upload</span>'+
'</button>'+
'</td>'+
'<td class="file_upload_cancel">'+
'<button class="ui-state-default ui-corner-all">'+
'<span class="ui-icon ui-icon-cancel">Cancel</span>'+
'</button>'+
'</td>'+
'</tr>');
},'buildDownloadRow':function (files, index) {
return $('<tr><td>' + files.name + '<\/td>' +
'<td class="file_upload_progress"><div><\/div><\/td>' +
'<td class="filesize">'+files.size+'</td>' +
'<td class="file_upload_cancel">' +
'<button class="ui-state-default ui-corner-all" title="Cancel">' +
'<span class="ui-icon ui-icon-cancel">Cancel<\/span>' +
'<\/button><\/td><\/tr>');
}});
});
/*]]>*/
</script>
the documentation says that the funcion only receives the following parameters:
event, files, index, xhr, handler
and you are trying to recevie an extra ‘callback’ parameter on the ‘onComplete’ event, also if you remove that event, does the plugin work correctly?
No, i delete this parameter. Set of parameters does not change the result
And my other question?
does the plugin work corretly when you remove the whole onComplete event callback?
Hi, I included this into a form I have but not sure how to incorporate basic functionality. I have been through all the docs and anything I could find on it. I just want to be able to upload files (and hopefully rename them) into a directory and store a path into my db. Is there some guidance somewhere on how to get me started with this?
Have you checked the included demos?
Asgaroth, I appreciate the response. Yes I have been through those files, like I said anything I could find on the topic. I just need a booster to get running with it. Sorry should have included some of what I have done. Here is just where things stand now since I have tried a variety of things. I tried incorporating actionMultiple into my actionUpload in the controller but that didn’t work. Since I included your code into my form I assume they should be together?
//controller
public function actionUpload() {
$model = new Image;
if (isset($_POST['Image'])) {
$model->setAttributes($_POST['Image']);
if ($model->save()) {
if (Yii::app()->getRequest()->getIsAjaxRequest())
Yii::app()->end();
else
$this->redirect(array('view', 'id' => $model->ImageId));
}
}
$this->render('upload', array( 'model' => $model));
}
public function actions()
{
return array(
'upload'=>array(
'class'=>'ext.xupload.actions.XUploadAction',
'subfolderVar' => 'ImageId',
'path' => realpath(Yii::app()->getBasePath()."/../images/uploads"),
),
);
}
public function actionMultiple(){
$model = new XUploadForm;
$this->render('multiple', array(
'model' => $model,
));
}
The form appears and allows me to select files. When I click upload my form is submitted but files are not put into the called directory.
//view - within an existing form
<?php
$this->widget('ext.xupload.XUploadWidget', array(
'url' => Yii::app()->createUrl("image/upload", array("ImageId" => 1)),
'model' => $model,
'attribute' => 'file',
'multiple' => true,
));
?>
Why do you have an actionUpload in your controller?
It is overriding the XUploadAction which has the logic for moving files. remove your upload actions which is not doing anything
My only response to that is because I was trying to include this as part of another form. Taking your advice and trying to start from square one without introducing other attributes into the upload process. This is what I have now.
//controller
public function actions()
{
return array(
'upload'=>array(
'class'=>'ext.xupload.actions.XUploadAction',
'subfolderVar' => 'ImageId',
'path' => realpath(Yii::app()->getBasePath()."/../images/uploads"),
),
);
}
public function actionMultiple(){
$model = new ImageUpload;
$this->render('multiple', array(
'model' => $model,
));
}
public function actionError()
{
if($error=Yii::app()->errorHandler->error)
{
if(Yii::app()->request->isAjaxRequest)
echo $error['message'];
else
$this->render('error', $error);
}
}
//view (complete titled Multiple)
<?php $this->pageTitle=Yii::app()->name; ?>
<h1>Multiple file upload example</h1>
<?php
$this->widget('ext.xupload.XUploadWidget', array(
'url' => Yii::app()->createUrl("imageUpload/upload", array("ImageId" => 1)),
'model' => $model,
'attribute' => 'file',
'multiple' => true,
));
?>
With this in firebug I get a 500 error with a JSON.parse: unexpected character jquery.js (line 561). This is after I select my images and hit upload.
If I can get the basics working I am sure I can run from there but as you can see I am not even getting that far.
and whats the JSON response from the server?
Did you want to see the generated javascript? Sorry I am new to t/s json but thought firebug would show JSON responses as javascript objects in its own tab under NET. I see nothing there though. My source does have the generated js if that is what you are talking about.
not the generated javascript, but the server JSON response, you (probably) can see that in the console. it is not clear to me if you got the demos working? what you are trying to do should be no problem, is the same funcionality as that of the demo.
Yeah the JSON response isn’t showing up at all. This is the error I get, although it does exist.
<h1>CHttpException</h1>
<p> does not exists. (.../protected/extensions/xupload/actions/XUploadAction.php:98)</p><pre>#0 .../protected/extensions/xupload/actions/XUploadAction.php(117): XUploadAction->init()
I am almost using your code directly just a couple of renames to fit my app. I will load the demos directly without my app and see if it works there. If so it will give me the basis to move forward.