前端有些功能需要隐藏input-file框。点击按钮进行提交文件信息流
<button onClick="submitFile">提交文件</button>
function submitFile(){
var input = document.createElement('input');
input.type = 'file';
// 设置input的样式,使其不可见
input.style.display = 'none';
// 添加change事件监听器,处理文件选择
input.addEventListener('change', function (event) {
var files = event.target.files[0];
const formData = new FormData();
//files 文件信息
formData.append("uploadFiles", files);
//提交的其他字段
formData.append("uploadType", "ali");
// 发送ajax请求
axios.post(url,formData).then(res=>{
//TODO
})
}
// 将input添加到文档中
// document.body.appendChild(input);
input.click();
//清除新增的input元素
input.remove();
}