electron/docs-translations/ko/api/file-object.md

29 lines
851 B
Markdown
Raw Normal View History

2015-06-30 18:42:29 +00:00
# `File` 객체
2015-06-25 17:32:51 +00:00
2015-06-30 18:42:29 +00:00
DOM의 File 인터페이스는 네이티브 파일을 추상화 합니다. 유저가 직접적으로 HTML5 File API를 사용하여 작업할 때 파일의 경로를
알 수 있도록 Electron은 파일시스템의 실제 파일 경로를 담은 `path` 속성을 File 인터페이스에 추가하였습니다.
2015-06-25 17:32:51 +00:00
2015-06-30 18:42:29 +00:00
다음 예제는 drag n drop한 파일의 실제 경로를 가져옵니다:
2015-06-25 17:32:51 +00:00
```html
<div id="holder">
Drag your file here
</div>
<script>
var holder = document.getElementById('holder');
holder.ondragover = function () {
return false;
};
holder.ondragleave = holder.ondragend = function () {
return false;
};
holder.ondrop = function (e) {
e.preventDefault();
var file = e.dataTransfer.files[0];
console.log('File you dragged here is', file.path);
return false;
};
</script>
```