使⽤⾃定义⽂件选择按钮选择⽂件
在做⽂件上传的时候，最破烦的就是⽂件选择按钮的默认样式，特别难看，还不容易修改。将这个按钮隐藏的⽅法有很多，我这⾥的⽅法的⼤概思路就是，在页⾯⾃定义⼀个按钮，点击这个按钮的时候启动选择⽂件事件。具体实现如下。
在页⾯上⾃定义⼀个按钮
<button class="select_file">选择⽂件</button>
后台js
$(function(){
var file;// 定义⼀个全局变量，为⼀个⽂本选择器。
file =$('<input type="file" />');// 这样file就是jquery创建的⼀个⽂本选择器，但是因为我们并没有把它加载到页⾯⼭，所以是不可见的。
// button的单击事件
$('.select_file').click(function(){
// 启动⽂件选择
jquery是什么选择器file.click();
});
// 选择好⽂件后，获取选择的内容
file.change(function(e){
var select_file = file[0].files[0];
})
})
原⽣js版
let input = ateElement('input')
input.click()// 开始选择⽂件
let file = input.files[0]
}
具体实现就是上⾯这样了，都应该明⽩是什么意思了，就是我创建⼀个⽂本选择器，但是不把它加载到页⾯上，在页⾯上重新定义⼀个按钮来使⽤它的点击事件，这样就实现了⽂本选择。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。