[英]Upload multiple files with a single input element (not multiple select but one at a time)
我有一個表格的模型，其中有一個文件輸入元素，用戶可用來選擇要上傳的本地圖像。 這個想法是，用戶僅使用一個文件輸入元素就可以上傳多達四張圖像，但一次不能選擇多個。 提交表單后，選定的圖像將發送到服務器。 使用HTML5 + JavaScript這個想法可行嗎？
如果您想知道是否可行，那么可以。 您可以使用一個文件輸入元素，並使用它允許用戶選擇最多4張圖像，但在那里將值分配給3個隱藏的fie輸入元素。 提交后，所有文件輸入元素（隱藏和可見）都將其數據發布到服務器。
編輯：這是一個HTML + jquery示例，用於設置和從文件類型輸入控件獲取文件路徑：
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#btnImpersonator').bind('click', function(){
$('#uploader').click();
});
$('#uploader').bind('change', function(){
$('#txtImpersonator').val($('#uploader').val());
alert($('#uploader').val());
});
});
</script>
</head>
<body>
<form action="">
<input type="file" id="uploader" style="display:none">
<input type="text" id="txtImpersonator" /> <input type="button" id="btnImpersonator" value="Browse" />
</form>
</body>
</html>
使用一個文件元素（沒有多個選項）上傳多個文件。 然后一次選擇一個文件
[英]upload multiple files with one file element(without multiple option). and select one file at a time
如何在id或class中選擇單個或多個div中的所有輸入並選擇元素
[英]How to select all input and select element inside single or multiple div by id or class
將多個圖像（文件）從一個文件輸入分配到另一個文件輸入 - 上傳
[英]Assign multiple images (files) from one file input to another file input(s) - upload
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.