input如何上传多个文件

找了几篇好的文章

https://segmentfault.com/q/1010000008359098?_ea=1629710


var result=document.getElementById("result");

var file=document.getElementById("file");

function readAsDataURL(){

var file = document.getElementById("file").files;

var result=document.getElementById("result");

for(i = 0; i< file.length; i ++) {

var reader    = new FileReader();

reader.readAsDataURL(file[i]);

reader.onload=function(e){

}

}

}

< p>

    < label>请选择一个文件:< /label>

< input type="file" id="file" multiple="multiple" />

    < input type="button" value="读取图像" onclick="readAsDataURL()" />

< /p>

< div id="result" name="result">< /div>`

<h1>主要就是加上multiple,还有那个for循环的file变量</h1>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,161评论 0 2
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,380评论 1 10
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,497评论 19 139
  • 前天的那篇“几个销售小技巧,轻松搞定98%的客户-序” 提到的正文实际上已经发表,但很多人没注意到,还是有跟帖,今...
    罗宾的路飞阅读 2,087评论 0 0
  • 01 今天应该是会被我载入小本本的一天,因为这一天真的很幸运和开心! 001 找到了美丽可爱的同桌! 话说能认识这...
    BeHind_H阅读 1,157评论 0 1