HTML+js+css实现点击图片弹出上传文件窗口的两种思路
来源:互联网 发布:js 设置 form action 编辑:程序博客网 时间:2024/05/17 08:04
第一种:CSS实现
<style>
<!--
.fileInputContainer{
height:256px;
background:url(upfile.png);
position:relative;
width: 256px;
}
.fileInput{
height:256px;
overflow: hidden;
font-size: 300px;
position:absolute;
right:0;
top:0;
opacity: 0;
filter:alpha(opacity=0);
cursor:pointer;
}
-->
</style>
<div class="fileInputContainer"><input class="fileInput" id="" type="file" name=""></div>
第二种:javascript实现
<div class="face">
<p><img class="normalFace" src="./images/upload.jpg" onclick="fileSelect();"></p>
<form id="form_face" enctype="multipart/form-data" style="width:auto;">
<input type="file" name="fileToUpload" id="fileToUpload" onchange="fileSelected();" style="display:none;">
</form>
</div>
<script type="text/javascript">
function fileSelect() {
document.getElementById("fileToUpload").click();
}
function fileSelected() {
// 文件选择后触发次函数
}
</script>
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- js实现点击按钮弹出上传文件的窗口
- Web实现点击图片弹出上传文件窗口
- JS实现点击某张图片弹出上传图片窗口以及限制图片格式和大小
- js弹出窗口实现动态文件上传
- 点击超链接弹出一个上传文件的窗口
- JS+css实现弹出窗口
- 点击弹出小窗口来实现上传
- HTML 点击弹出窗口
- 弹出div窗口进行图片上传操作思路
- 利用Selenium实现图片文件上传的两种方式
- 用JS实现点击列表弹出列表索引的两种方式
- 两种方法实现点击图片调用上传功能
- 动态加载css的两种实现思路(js和服务器端)(downmoon)
- 点击弹出小窗口的js
- 收藏的网上对一些名词的理解:如jsp、action、service、dao、PO等
- Android流式布局FlowLayout
- Golden Goose Donna 2 yoa mother's this
- 有一个字符数组的内容为:"student a am i",请你将数组的内容改为"i ama student".
- 10款优秀的在线格式转换工具
- HTML+js+css实现点击图片弹出上传文件窗口的两种思路
- 关于ORACLE查询列加()or () 报ORA-00923:未找找到要求的FROM关键字
- 耦合和内聚
- php防止sql注入
- Swift filter函数介绍
- 第十周项目2-二叉树遍历的递归算法
- HDU 1074 Doing Homework(状压DP)
- h5 cursor:pointer touch的时候,会产生阴影效果
- 交流电路中相位超前和滞后问题