input file實現多選和限制檔案上傳型別

2021-08-25 19:36:00 字數 972 閱讀 3345

//取出上傳檔案格式的字尾名

var fileaccept = $("#id").val().split(".")[1];//獲取上傳檔案的字尾

if( fileaccept!="doc" && fileaccept!="docx" )

//獲取多檔案上傳的所有檔名

var filepaths = $("#id")[0].files;//或者這樣寫 document.getelementbyid("id").files;

for( var i=0;i

filepaths[i].name;

}

1.在input標籤中加入 multiple 屬性,可以在乙個輸入框中選擇多個檔案進行上傳

當然,這樣也是一樣的:

2.很多時候上傳的時候,我們要限制一下上傳檔案型別(

在windows中主要是限制字尾名
),或者是把選擇的檔名(路徑)輸出到當前頁面,,

這需要用js取得選擇檔案的名字:

document.getelementbyid("input").files[i].name

最後注意:internet explorer 9及更早 ie 版本不支援 input 標籤的 multiple 屬性。

附一段demo:

請嘗試在瀏覽檔案時選取乙個以上的檔案。

vue 實現多選和單選

上個小小的效果圖,然後具體實現看 template 聊天 style 這是沒選中的樣式 choose 這是選中的樣式 green data list arr methods choose function i else tip 這裡面有兩個es6的語法,includes 這裡是別的大佬寫的詳解,可以...

CFileDialog實現多選

create dialog to open multiple files.cfiledialog filedlg true,null,null,ofn hidereadonly ofn overwriteprompt ofn allowmultiselect ofn explorer,t tbl檔案...

layui 單選框和多選框聯動實現多選框的禁用

首先是單選框和多選框的html layui form item layui form label 禁用開關 label layui input block radio name demo lay filter erweima value true title 是 radio id demor nam...