87,904
社区成员
发帖
与我相关
我的任务
分享将input file的选择的文件清空的问题？
<input type="file" id="fileupload" name="file" />
var obj = document.getElementById('fileupload') ;
obj.select();
document.selection.clear();
上面可以清空，不过我还有一个没有解决的是：
如果我动态产生多个<input type="file" id="fileupload" name="file" /> ，且id也是一样的，请教下大哥，大姐，怎么清空对应的input里的文件？
var obj = document.getElementById('fileupload') ;
obj.select();
document.selection.clear();
上面可以清空，不过我还有一个没有解决的是：
如果我动态产生多个<input type="file" id="fileupload" name="file" /> ，且id也是一样的，请教下大哥，大姐，怎么清空对应的input里的文件？
...全文
请发表友善的回复…
发表回复
zell419 2010-10-18
- 打赏
- 举报
页面上的元素id应该是唯一的。
既然你的代码可以实现。
用getElementsByName("file")获得所有。
循环执行下 就行了吧？
既然你的代码可以实现。
用getElementsByName("file")获得所有。
循环执行下 就行了吧？
s_liangchao1s 2010-10-18
- 打赏
- 举报
<body>
<input type="file" id="fileupload" name="file" /> <br/>
<input type="file" id="fileupload" name="file" /> <br/>
<input type="file" id="fileupload" name="file" /> <br/>
<input type="file" id="fileupload" name="file" /> <br/>
<input type="file" id="fileupload" name="file" /> <br/>
<button id="clrbtn" type="button">清空</button>
<script type="text/javascript">
document.getElementById('clrbtn').onclick = function() {
var fs = document.getElementsByName('file'), l = fs.length, i = 0;
for (; i < l; i++) {
cleanFile(fs[i]);
}
}
function cleanFile(o) {
if (o.outerHTML) {
o.outerHTML = o.outerHTML;
} else {
o.value = '';
}
}
</script>
</body>
