使用自定义文件选择按钮选择文件

更新时间:2023-07-07 17:03:55 阅读: 评论:0

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

本文发布于:2023-07-07 17:03:55,感谢您对本站的认可!

本文链接:https://www.wtabcd.cn/fanwen/fan/78/1083949.html

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

标签:选择   按钮   定义
相关文章
留言与评论(共有 0 条评论)
   
验证码:
推荐文章
排行榜
Copyright ©2019-2022 Comsenz Inc.Powered by © 专利检索| 网站地图