<form class="panel panel-default" 
 flow-init="{target: 'url',singleFile:false,testChunks:false}" 
 flow-name="vm.flow" 
 flow-files-added="!!{pem:1}[$file.getExtension()]" 
 flow-file-success="vm.action.importCAData($message)"> 
</form> 

<span style="font-size:18px;" deep="8">{ 
 "flow-init":"初始化上傳的屬性值", 
 "target":"請求接口路徑，對應到后臺server端請求", 
 "singleFile":"是否選擇單文件上傳，因為flowjs默認是支持多文件上傳的， 
 當然也有的需求會需要單文件上傳，取值為true或false." 
 "true是只支持單文件上傳，false支持多文件上傳，記得一定是boolean類型的." 
 "testChunks":"flowjs上傳是分片的，所以他不會只往后臺發送一次請求，如果文件比較大， 
 它會分多片上傳，然后等所有的都上傳文成，" 
 "他會去合成一個整體的文件，而這個屬性設置為true之后就會去檢測一下該請求在后臺是否開啟， 
 如果開了就會在下次即使重啟或者瀏覽器奔潰后繼續上傳，我的理解應該是續傳吧", 
 "flow-files-added":"可以用來限制上傳文件的格式，比如excel，pem，jpeg，png等格式要求!!{pem:1,png:1}", 
 "flow-file-success":"上傳成功之后的回調函數，你可以在這里面處理上傳之后的其他操作。比如使用這個組件的時候會和其他表單項一起提交", 
 "這時我們需要將文件的上傳路徑，文件名字和其他表單項一起提交到后臺，而該組件不支持參數傳遞，也就是使用這個組件", 
 "分為兩步，第一步：點擊上傳，先將文件上傳到服務器指定路徑。同時后臺返回文件路徑，文件大小，文件名稱等與文件相關的信息", 
 "第二步：將后臺返回的文件信息和其他表單項一起封裝到一個對象中，發送給后臺。后臺接到請求，將上傳信息進行入庫操作" 
}</span> 

<form class="panel panel-default" 
 flow-init="{target: 'api/ham/tool/certificate/importCa',singleFile:true,testChunks:false}" 
 flow-name="vm.flow" 
 flow-file-added="!!{pem:1}[$file.getExtension()]" 
 flow-file-success="vm.action.importCAData($message)"> 
 <div class="panel-heading"> 
 <h4 class="app-heading"> 
 upload file 
 </h4> 
 </div> 
 <div class="panel-body"> 
 <div class="form-horizontal"> 
 <div class="asterisk-info">{{::'button-label.asterisk' | i18next }}</div> 
 <div class="form-group"> 
 <label class="col-md-3 control-label">*{{::'am.secondaryMenu.tools.certificate.item.uploadCAFile'|i18next}}</label> 
 <div class="col-md-6 " style="background-color:#eee;"> 
 <div class="file-name-list" style="min-height: 10em;"> 
 <p ng-repeat="file in $flow.files" style="margin:10px 0px;"> 
 {{$index+1}} {{file.name}} 
 </p> 
 </div> 
 </div> 
 <span class="btn btn-primary col-md-1" style="margin-left: 20px;" flow-btn>{{::'am.secondaryMenu.tools.certificate.item.upload'|i18next}}</span> 
 </div> 
 </div> 
 </div> 
 <div class="panel-footer"> 
 <div class="text-right"> 
 <button id="sampleOne-edit" type="button" class="btn btn-primary" 
 ng-click="vm.action.commitCAFile($flow)" ng-disabled="$flow.files.length < 1" 
 title="{{::'button-label.import' | i18next}}">{{::'button-label.import' | i18next}} 
 </button> 
 </div> 
 </div> 
</form> 

vm.action.importCAData = function (responseResult) { 
 console.info('importCAData'); 
 vm.action.CAName = angular.fromJson(responseResult).data; 
 //var data = responseResult.data; 
 //data.keyPasswd = vm.cache.currentItem.keyPasswd; 
 var result = angular.fromJson(responseResult).result; 
 var errorMessage = angular.fromJson(responseResult).errorMessage; 
 if(result == "success"){ 
 vm.cache.caFlag = true; 
 vm.cache.alert._success("Upload CA certificates successfully!", vm.alertConfig); 
 }else { 
 vm.caDisabled = false; 
 vm.cache.alert._error(errorMessage, vm.alertConfig); 
 } 
 } 

//save the form 
 vm.action.createItem = function () { 
 vm.action.data.keyPasswd = vm.cache.currentItem.keyPasswd; 
 vm.action.data.CAName = vm.action.CAName; 
 var data = {}; 
 data.caFileName = vm.action.CAName; 
 data.fileName = vm.action.data.fileName; 
 data.from = vm.action.data.from; 
 data.isExpiryStatus = vm.action.data.isExpiryStatus; 
 data.name = vm.action.data.name; 
 data.to = vm.action.data.to; 
 data.type = vm.action.data.type; 
 data.keyPasswd = vm.cache.currentItem.keyPasswd; 
 data.usingStatus = vm.action.data.usingStatus; 
 data.validityStartTime = vm.action.data.validityStartTime; 
 data.validityStopTime = vm.action.data.validityStopTime; 
 amCertificateService.createItem(data).then(function success(responseResult) { 
 if (responseResult.errorCode == 0) { 
 vm.action.reset(); 
 vm.cache.alert._success('Create radius server certificate successfully ', vm.alertConfig); 
 } else { 
 vm.cache.alert._error(responseResult.translated.errorMessageTranslated, vm.alertConfig); 
 } 
 amCertificateService.getList(); 
 }) 
 .catch(function fail(e) { 
 vm.cache.alert._error(""); 
 }) 
 .finally(function () { 
 vm.action.reset(); 
 }); 
 };