梦萌 發表於 2020-7-6 23:39:00

HTML5基础 input file multiple 上传多个文件

<pre><code class="language-list">             OS : Windows 10
      browser : Chrome 83.0.4103.116
         editor : Visual Studio Code 1.46.1      
    typesetting : Markdown
</code></pre>
<p> </p>
<h2 id="html">html</h2>
<pre><code class="language-html">
&lt;!DOCTYPE html&gt;
&lt;html lang="zh-CN"&gt;

&lt;head&gt;
    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
    &lt;title&gt;Document&lt;/title&gt;
&lt;/head&gt;

&lt;body&gt;
    &lt;form&gt;
      &lt;!-- 只能上传一个文件 --&gt;
      &lt;input type="file" /&gt;

      &lt;!-- 这个可以上传多个文件,赞! --&gt;
      &lt;input type="file" multiple="multiple" /&gt;
    &lt;/form&gt;
&lt;/body&gt;

&lt;/html&gt;
</code></pre>
<p> </p>
<h2 id="result">result</h2>
<p><img src="https://img2020.cnblogs.com/blog/940935/202007/940935-20200706233823851-15799125.png"></p>
<p> </p>
<h2 id="resource">resource</h2>
<ul>
<li>[ 教程 ] www.w3school.com.cn/html/index.asp</li>
<li>[ 手册 ] www.w3cschool.cn/html5_reference.html</li>
<li>[ 规范 ] www.runoob.com/html/html5-syntax.html</li>
<li>[ 平台 ] www.cnblogs.com</li>
<li>[ 规范-参考 ] www.w3cschool.cn/wematy</li>
<li>[ 统计-参考 ] tongji.baidu.com/research/site#browser</li>
</ul>
<p> </p>
<hr>
<p>感恩曾经帮助过 客名利 的人。<br>
html,xhtml和html5的发展历史及其特性,建议学习。<br>
代码的书写是有规范的,适当地遵守规范,助人助己。<br>
Chromium和Firefox是开源浏览器,新功能众多,建议关注。<br>
Blink,EdgeHTML,Gecko,KHTML,Trident,WebCore,WebKit等,空闲时可以了解一下。<br>
不同的浏览器解析代码是有差别的,要多关注兼容性问题。</p>


</div>
<div id="MySignature" role="contentinfo">
    <strong>初学指路</strong>:善于发现他人的优点和身边的美丽,以此来塑造匠心。<br>
<strong>学习总纲</strong>:人法地,地法天,天法道,道法自然。<br><br>
来源:https://www.cnblogs.com/kemingli/p/13258391.html
頁: [1]
查看完整版本: HTML5基础 input file multiple 上传多个文件