File Object to zh-CN

docs-translations/zh-CN/api/file-object.md

@@ -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');
+  const holder = document.getElementById('holder')
-  holder.ondragover = function () {
+  holder.ondragover = () => {
     return false;
-  };
+  }
-  holder.ondragleave = holder.ondragend = function () {
+  holder.ondragleave = holder.ondragend = () => {
     return false;
-  };
+  }
-  holder.ondrop = function (e) {
+  holder.ondrop = (e) => {
-    e.preventDefault();
+    e.preventDefault()
-    var file = e.dataTransfer.files[0];
+    for (let f of e.dataTransfer.files) {
-    console.log('File you dragged here is', file.path);
+      console.log('File(s) you dragged here: ', f.path)
+    }
     return false;
-  };
+  }
 </script>
 ```