修改input type=file 标签默认样式的简单方法

最新推荐文章于 2021-12-16 13:53:01 发布

天步

最新推荐文章于 2021-12-16 13:53:01 发布

阅读量8.3k

点赞数 2

分类专栏： JS JQUERY

本文链接：https://blog.csdn.net/sn_qmzm521/article/details/53262108

版权

JS 同时被 2 个专栏收录

32 篇文章 0 订阅

订阅专栏

JQUERY

26 篇文章 0 订阅

订阅专栏

<html>
<head>
<title></title>
</head>
<body>
<form id="uploadForm" action="" method="post" enctype="multipart/form-data">
<input type="file" name="uploadFile" id="uploadFile" style="visibility:hidden;position:absolute;top:0px;width:0px"/>
</form>
<input type="button" value="上传" id="btn"/>
</body>
<script src="jquery183.min.js"></script>
<script type="text/javascript">
$(function () {
//按钮的点击事件
$('#btn').click(function () {
//触发file的点击事件
$('#uploadFile').click();
});
//file的change事件
$('#uploadFile').change(function () {
//提交form表单的数据
$('#uploadForm').submit();
　　　　　　　　　//清空file标签的value，否则再次提交此文件时，onchange事件就不触发了
　　　　　　　　　$('#uploadFile').val('');
　　　　　　　　});
　　　　});
</script>
</html>