1

angularjs-file-uploader を使用して、いくつかのファイルをサーバーにアップロードしたいと考えています。私はviewModelの配列を持っています。ファイルをアップロードし、アップロードされたファイルのIDを取得して、それらを対応するviewModelに割り当てたいと思います。

viewModels を fileUploader に渡す方法はありますか? これまでに書いたコードを以下に示します。

 <div ng-if="vm.isFile(v.formItem)" class="form-group form-md-line-input form-md-floating-label no-hint">
                                            <div class="form-group">
                                                <input type="file" name="v.id" nv-file-select uploader="vm.uploader" />
                                                <span class="help-block m-b-none">{{v.formItem.description}}</span>
                                            </div>
                                        </div>

UploadFileId のプロパティを持つ「v.formItem」を渡したいです。アップロードされたファイルの Id をモデルに割り当てることができるようにします。

 this.uploader = new FileUploader({

            url: 'File/UploadFile',
            autoUpload: true,
            removeAfterUpload: true,
            queueLimit: 1
        });            
this.uploader.onSuccessItem = function (fileItem, response, status, headers) {
            if (response.success) {
                formItem.uploadedFileId = response.result.id ;

            } 
        };
4

1 に答える 1

0

解決策を見つけました。ファイル入力に「オプション」プロパティを使用する必要がありました。このような:

<input type="file" name="v.id" options={formItem:v.formItem} nv-file-select uploader="vm.uploader" />

JavaScript:

this.uploader.onSuccessItem = function (fileItem, response, status, headers)     {
        if (response.success) {

            var formItem = fileItem.formItem;

            formItem.uploadedFileId = response.result.id ;

        } 
    };
于 2016-06-07T21:21:32.880 に答える