如何点击a标签实现弹出input file上传文件对话框
时间: 2024-02-11 17:08:34 浏览: 126
弹出打开文件对话框
3星 · 编辑精心推荐
你可以使用以下代码实现:
HTML代码:
```html
<a href="#" id="upload-link">上传文件</a>
<input type="file" id="file-input" style="display: none;">
```
JavaScript代码:
```javascript
var uploadLink = document.getElementById('upload-link');
var fileInput = document.getElementById('file-input');
uploadLink.addEventListener('click', function(e) {
e.preventDefault();
fileInput.click();
});
```
当用户点击上传文件链接时,JavaScript代码会阻止默认行为并调用`click()`方法来触发input file元素的点击事件,从而弹出文件上传对话框。
阅读全文