Web realizes the code of popping up the window of uploading files by clicking the picture

Web realizes the code of popping up the window of uploading files by clicking the picture

Copy code
The code is as follows:

<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" type="file" name="" id="" />
</div>

<<:  Implementation of CSS equal division of parent container (perfect thirds)

>>:  Embed codes for several older players

Recommend

A brief discussion on whether CSS animation will be blocked by JS

The animation part of CSS will be blocked by JS, ...

js to implement verification code interference (static)

This article shares the specific code of js to im...

Solution to the problem that the text is on the lower left and cannot be resized when the textarea is laid out

Two small problems, but they bothered me for a lon...

How to add configuration options to Discuz! Forum

Discuz! Forum has many configuration options in th...

Detailed graphic explanation of installing MySQL database and configuring Java project on Linux

1. Install MySQL database ① Download and unzip an...

A brief discussion on the binary family of JS

Table of contents Overview Blob Blob in Action Bl...

Solution to the failure of entering the container due to full docker space

Since the problem occurred rather suddenly and th...

Using JS to implement a small game of aircraft war

This article example shares the specific code of ...

Tips on MySQL query cache

Table of contents Preface Introduction to QueryCa...

Detailed explanation of the implementation process of dual-master synchronization of partial tables in MySQL 5.7

Preface Recently, I encountered a requirement. Du...

Java example code to generate random characters

Sample code: import java.util.Random; import java...

Detailed Analysis of Event Bubbling Mechanism in JavaScript

What is bubbling? There are three stages in DOM e...

A brief discussion on JavaScript throttling and anti-shake

Table of contents Throttling and anti-shake conce...

Detailed explanation of JavaScript to monitor route changes

Table of contents history pushState() Method push...

Some tips on speeding up the development of WeChat mini-programs

1. Create a page using app.json According to our ...