diff options
Diffstat (limited to 'files/zh-cn/web/html/element/input/file/index.html')
| -rw-r--r-- | files/zh-cn/web/html/element/input/file/index.html | 18 |
1 files changed, 9 insertions, 9 deletions
diff --git a/files/zh-cn/web/html/element/input/file/index.html b/files/zh-cn/web/html/element/input/file/index.html index c05b5c51e4..e5b6df3c32 100644 --- a/files/zh-cn/web/html/element/input/file/index.html +++ b/files/zh-cn/web/html/element/input/file/index.html @@ -70,7 +70,7 @@ translation_of: Web/HTML/Element/input/file <div class="note"><strong>Note:</strong> <ol> - <li>如果选择了多个文件, 这个值表示第一个已选择文件的路径。JavaScript 可以<a href="/zh-CN/docs/Web/API/File/Using_files_from_web_applications#Getting_information_about_selected_files">通过 input 的 files 属性访问其他文件</a>。</li> + <li>如果选择了多个文件，这个值表示第一个已选择文件的路径。JavaScript 可以<a href="/zh-CN/docs/Web/API/File/Using_files_from_web_applications#Getting_information_about_selected_files">通过 input 的 files 属性访问其他文件</a>。</li> <li>如果没有选择文件，该值为空字符串 <code>""</code>。</li> <li>为了阻止恶意软件猜测文件路径，字符串<a href="https://html.spec.whatwg.org/multipage/input.html#fakepath-srsly">以 C:\fakepath\ 为前缀</a>。</li> </ol> @@ -155,7 +155,7 @@ translation_of: Web/HTML/Element/input/file <p>如果出现布尔属性 <code>webkitdirectory，</code>表示在文件选择器界面中用户只能选择目录。更多细节和示例见 {{domxref("HTMLInputElement.webkitdirectory")}}。</p> <div class="note"> -<p><strong>Note:</strong> 尽管 <code>webkitdirectory</code> 最初仅为基于webkit的浏览器实现，它还在Microsoft Edge和Firefox 50及其后版本中可用。然而，尽管它有相对广泛的支持，它仍然是非标准的。除非你别无选择，否则不要使用它。</p> +<p><strong>Note:</strong> 尽管 <code>webkitdirectory</code> 最初仅为基于 webkit 的浏览器实现，它还在 Microsoft Edge 和 Firefox 50 及其后版本中可用。然而，尽管它有相对广泛的支持，它仍然是非标准的。除非你别无选择，否则不要使用它。</p> </div> </div> @@ -166,7 +166,7 @@ translation_of: Web/HTML/Element/input/file <ul> <li>一个以英文句号（"."）开头的合法的不区分大小写的文件名扩展名。例如： <code>.jpg</code>，<code>.pdf</code> 或 <code>.doc</code>。</li> <li>一个不带扩展名的 MIME 类型字符串。</li> - <li>字符串 <code>audio/*</code>， 表示“任何音频文件”。</li> + <li>字符串 <code>audio/*</code>， 表示 “任何音频文件”。</li> <li>字符串 <code>video/*</code>，表示 “任何视频文件”。</li> <li>字符串 <code>image/*</code>，表示 “任何图片文件”。</li> </ul> @@ -217,7 +217,7 @@ translation_of: Web/HTML/Element/input/file <dt><code>name</code></dt> <dd>文件名。</dd> <dt><code>lastModified</code></dt> - <dd>一个数字，指定文件最后一次修改的日期和时间，以 UNIX 新纪元（1970年1月1日午夜）以来的毫秒数表示。</dd> + <dd>一个数字，指定文件最后一次修改的日期和时间，以 UNIX 新纪元（1970 年 1 月 1 日午夜）以来的毫秒数表示。</dd> <dt><code>lastModifiedDate</code> {{deprecated_inline}}</dt> <dd>一个 {{jsxref("Date")}} 对象，表示文件最后一次修改的日期和时间。<em>这被弃用，并且不应使用。使用 <code>lastModified</code> 作为替代</em>。</dd> <dt><code>size</code></dt> @@ -300,7 +300,7 @@ input.value = "foo"; <p>在本例中，我们将展示一个稍微高级一点的文件选择器，它利用了在 <code>HTMLInputElement.files</code> 属性中可用的文件信息，并且展示了一些聪明的技巧。</p> <div class="note"> -<p><strong>Note</strong>: 你可以在 GitHub 中查看本示例的完整源代码 — <a href="https://github.com/mdn/learning-area/blob/master/html/forms/file-examples/file-example.html">file-example.html</a> （<a href="https://mdn.github.io/learning-area/html/forms/file-examples/file-example.html">在线运行</a>）。我们不会解释 CSS；JavaScript是主要的关注点。</p> +<p><strong>Note</strong>: 你可以在 GitHub 中查看本示例的完整源代码 — <a href="https://github.com/mdn/learning-area/blob/master/html/forms/file-examples/file-example.html">file-example.html</a> （<a href="https://mdn.github.io/learning-area/html/forms/file-examples/file-example.html">在线运行</a>）。我们不会解释 CSS；JavaScript 是主要的关注点。</p> </div> <p>首先，让我们看看 HTML：</p> @@ -376,7 +376,7 @@ form label:active, form button:active { <p>这和我们之前看到的类似 — 没有什么要说明的。</p> -<p>接下来，让我们看一下JavaScript。</p> +<p>接下来，让我们看一下 JavaScript。</p> <p>在脚本的第一行，我们获得了对表单 input 本身和拥有 <code>.preview</code> 类的 {{htmlelement("div")}} 元素的引用。然后，我们隐藏了 {{htmlelement("input")}} 元素 — 我们这样做是因为文件输入往往很难看，难于设计样式，而且在跨浏览器中对它们的设计不一致。你可以通过单击 <code>input</code> 元素来激活它，因此，最好在视觉上隐藏 input 并将 label 设计成按钮的样式，这样用户如果想上传文件就会知道如何与之交互。</p> @@ -396,9 +396,9 @@ input.style.opacity = 0;</pre> <p>每当 <code>updateImageDisplay()</code> 函数被调用时，我们：</p> <ul> - <li>使用一个 {{jsxref("Statements/while", "while")}} 循环来清空preview <code><div></code> 留下的内容。</li> + <li>使用一个 {{jsxref("Statements/while", "while")}} 循环来清空 preview <code><div></code> 留下的内容。</li> <li>获取包含所有已选择文件信息的 {{domxref("FileList")}} 对象，并将其用一个变量 <code>curFiles</code> 保存。</li> - <li>通过检查 <code>curFiles.length</code> 是否等于0来检查是否没有文件被选择。如果是，则用 preview <code><div></code> 输出一条消息，来表示没有选择文件。</li> + <li>通过检查 <code>curFiles.length</code> 是否等于 0 来检查是否没有文件被选择。如果是，则用 preview <code><div></code> 输出一条消息，来表示没有选择文件。</li> <li>如果<em>选择</em>了文件，我们将循环遍历每个文件，并将关于它的信息输出到 preview <code><div></code>。注意事项：</li> <li>我们使用定制的 <code>validFileType()</code> 函数来检查文件的类型是否正确。（例如，用 <code>accept</code> 属性指定的图片类型）。</li> <li>如果是，我们： @@ -509,5 +509,5 @@ function validFileType(file) { <ul> <li><a href="/zh-CN/docs/Web/API/File/Using_files_from_web_applications">在 web 应用中使用文件</a> — 包含许多其它关于 <code><input type="file"></code> 和 <a href="/zh-CN/docs/Web/API/File">File API</a> 的有用示例。</li> - <li><a href="zh-CN/docs/Learn/HTML/Forms/Property_compatibility_table_for_form_widgets">CCSS属性兼容性</a></li> + <li><a href="zh-CN/docs/Learn/HTML/Forms/Property_compatibility_table_for_form_widgets">CCSS 属性兼容性</a></li> </ul> |