<div ng-controler="custemerListMainCtroller">
<div class="col-md-12">
<label for="file" class="btn btn-primary">选择文件</label>
<input type="file" >
<td>{{map.row}}</td>
<td>{{map.cel}}</td>
<td>{{map.title}}</td>
<td>{{map.reson}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
js中
myApp.directive('fileUpload',
['$http',function($http) {
return {
restrict : 'EA',
link : function(scope, el, attrs) {
scope.init = function() {
if (scope.files == null) {
scope.files = new Array();
}
};
scope.pushFile = function(file) {
var flag = true;
scope.init();
if (scope.files.length > 0) {
for (var i = 0; i < scope.files.length; i++) {
if (scope.files[i].name == file.name
&& scope.files[i].size == file.size) {
flag = false;
}
}
}
if (flag) {
scope.files.push(file);
}
};
scope.removeFile = function(file) {
if (scope.files != null
&& scope.files.length > 0) {
for (var i = 0; i < scope.files.length; i++) {
alert("name"+file.name)
alert("path"+file.path)
if (scope.files[i].name == file.name&& scope.files[i].size == file.size) {
scope.files.splice(i, 1);
document.getElementById("file").value = "";
}
}
}
};
scope.uploadFiles = function(files) {
var flg="0";
var ids = {};
ids.flag = "0";
ids.masterDate = "nike";
$http(
{
method : 'POST',
url : "custemerList/uploadCustList",
headers : {
'Content-Type' : undefined
},
data : {
flag : "0",
masterDate: "nike",
files : scope.files
},
transformRequest : function(data) {
var formData = new FormData();
formData.append("flag",angular.toJson(data.flag));
formData.append("masterDate",angular.toJson(data.masterDate));
for (var i = 0; i < data.files.length; i++) {
formData.append("myfiles",data.files[i]);
}
return formData;
}
})
.success(function(data, status,headers, config) {
console.log("success.status"+status+"..headers:"+headers+"..data:"+data.resultCode);
alert("success.status"+status+"..headers:"+headers+"..data:"+data.resultCode)
flg=data.resultData.flag;
if(flg=="1"){
//错误数据显示
scope.visible=false;
scope.result=false;
scope.mes="Excel content is wrong, please upload again after modification";
}
scope.data=data;
}).error(function(data, status,headers, config) {
console.log("failed.status"+status+"..headers:"+headers+"..data:"+data.resultCode);
alert("failed.status"+status+"..headers:"+headers+"..data:"+data.resultCode);
})
};
el.bind('change', function(event) {
var files = event.target.files;
for (var i = 0; i < files.length; i++) {
scope.pushFile(files[i]);
scope.$apply();
}
});
}
};
} ]);