File Object to zh-CN
authorWeiqiang Lin <23leo@163.com>
Sun, 22 Jan 2017 06:17:59 +0000 (14:17 +0800)
committerWeiqiang Lin <23leo@163.com>
Sun, 22 Jan 2017 06:17:59 +0000 (14:17 +0800)
docs-translations/zh-CN/api/file-object.md

index ef320b3..1f3b08c 100644 (file)
@@ -1,29 +1,30 @@
-# `File`对象
+# `File` 对象
 
-为了让用户能够通过HTML5的file API直接操作本地文件,DOM的File接口提供了对本地文件的抽象。Electron在File接口中增加了一个path属性,它是文件在系统中的真实路径
+> 在文件系统上使用 HTML5 `File` API 与本地文件交互
 
----
+为了让用户能够通过 HTML5 的 file API 直接操作本地文件,DOM 的 File 接口提供了对本地文件的抽象。Electron 在 File 接口中增加了一个 path 属性,它是文件在系统中的真实路径。
 
-获取拖动到APP中文件的真实路径的例子:
+获取拖动到 APP 中文件的真实路径的例子:
 
-```
+```html
 <div id="holder">
   Drag your file here
 </div>
 
 <script>
-  var holder = document.getElementById('holder');
-  holder.ondragover = function () {
+  const holder = document.getElementById('holder')
+  holder.ondragover = () => {
     return false;
-  };
-  holder.ondragleave = holder.ondragend = function () {
+  }
+  holder.ondragleave = holder.ondragend = () => {
     return false;
-  };
-  holder.ondrop = function (e) {
-    e.preventDefault();
-    var file = e.dataTransfer.files[0];
-    console.log('File you dragged here is', file.path);
+  }
+  holder.ondrop = (e) => {
+    e.preventDefault()
+    for (let f of e.dataTransfer.files) {
+      console.log('File(s) you dragged here: ', f.path)
+    }
     return false;
-  };
+  }
 </script>
 ```