input如何上傳多個(gè)文件

找了幾篇好的文章

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>請(qǐng)選擇一個(gè)文件:< /label>

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

? ? < input type="button" value="讀取圖像" onclick="readAsDataURL()" />

< /p>

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

<h1>主要就是加上multiple,還有那個(gè)for循環(huán)的file變量</h1>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些閱讀 2,144評(píng)論 0 2
  • 單例模式 適用場(chǎng)景:可能會(huì)在場(chǎng)景中使用到對(duì)象,但只有一個(gè)實(shí)例,加載時(shí)并不主動(dòng)創(chuàng)建,需要時(shí)才創(chuàng)建 最常見的單例模式,...
    Obeing閱讀 2,320評(píng)論 1 10
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,647評(píng)論 19 139
  • 前天的那篇“幾個(gè)銷售小技巧,輕松搞定98%的客戶-序” 提到的正文實(shí)際上已經(jīng)發(fā)表,但很多人沒注意到,還是有跟帖,今...
    羅賓的路飛閱讀 306評(píng)論 0 0
  • 01 今天應(yīng)該是會(huì)被我載入小本本的一天,因?yàn)檫@一天真的很幸運(yùn)和開心! 001 找到了美麗可愛的同桌! 話說能認(rèn)識(shí)這...
    BeHind_H閱讀 225評(píng)論 0 1

友情鏈接更多精彩內(nèi)容