blueimp的fileupload angular version,绑定自定义回调

时间:2013-12-10 12:41:56

标签: angularjs file-upload callback blueimp

我正在使用Blueimp着名的fileupload JQuery插件的angularJS版本(V2.1.2)和PHP后端。非常好的一段代码。 我通过一些额外的表单控件和选择器来定制它,以及通过扩展提供的类来自定义UploadHandler,以便在数据库中记录内容。 到目前为止一切正常。

但是,我无法将自定义回调绑定到'fileuploadsubmit'事件。它在https://github.com/blueimp/jQuery-File-Upload/wiki/Options#callback-options中针对JQuery进行了描述,但我似乎无法使其与AngularJS实现一起使用。我的目标是提交我附加到每个单独上传的附加字段“doctypes []”。

以下是添加字段的摘录:

                <td class="type" data-ng-switch data-on="!!file.url">
                <label data-ng-switch-when="false" data-ng-show="!file.error">
                    <select data-ng-model="docTypeId" ng-options="item.value as item.name for item in documentTypes | orderBy:'name'" required="required" name="doctypes[]">
                        <option value="" selected>Document type</option>
                    </select>
                </label>
                <label data-ng-switch-default><!-- here, find a way to display the value submited to the plugin. {{file.doctypes}} is not defined -->
                </label>
            </td>

注意:documentTypes来自我的angularJS app,它目前在主控制器中静态定义。

所以这个附加字段被正确地发布到uploadhandler,但我希望插件接收它,并在JSON响应中将其发回,以便更改布局并将选择器修复为它之前的值。上传。

我认为自己是AngularJS的初学者,所以也许我没有清楚详细地掌握有关如何正确执行此操作的技术问题。

任何帮助都将不胜感激。

0 个答案:

没有答案