반응형
AngularJS에서 csv 파일 내용을 읽는 방법은 무엇입니까?
csv 파일을 읽고 Angular를 사용하여 내용을 가져오고 싶다.JS와 HTML5. csv 파일의 내용을 $scope에 넣고 싶습니다.
내 html에 이 코드가 있다.
<table align="center" >
<tr class="borderless">
<td>Choose .csv file</td>
<td><input type="file" name="readCsvFile" id="readCsvFile" accept=".csv"> </td>
<td><input type="button" value="Upload" ng-click="uploadCsvFile()"></td>
</tr>
</table>
커스텀 디렉티브:
app.directive('fileReader', function() {
return {
scope: {
fileReader:"="
},
link: function(scope, element) {
$(element).on('change', function(changeEvent) {
var files = changeEvent.target.files;
if (files.length) {
var r = new FileReader();
r.onload = function(e) {
var contents = e.target.result;
scope.$apply(function () {
scope.fileReader = contents;
});
};
r.readAsText(files[0]);
}
});
}
};
});
http://plnkr.co/edit/eeQbR65oE8iljm7ueGhX?p=preview
언급URL : https://stackoverflow.com/questions/26353676/how-to-read-csv-file-content-in-angularjs
반응형
'programing' 카테고리의 다른 글
wp_nav_menu에 커스텀 HTML을 추가하는 방법 (0) | 2023.03.19 |
---|---|
PHP를 사용하여 바코드를 생성하고 동일한 페이지에 이미지로 표시하는 방법 (0) | 2023.03.19 |
angularjs에서 선택 상자의 기본값을 설정하려면 어떻게 해야 합니까? (0) | 2023.03.19 |
Jackson 직렬화 해제, json의 루트 요소 무시 (0) | 2023.03.19 |
반응 - 최소 예외가 발생했습니다. (0) | 2023.03.19 |