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

Three strategies for rewriting MySQL query statements

Table of contents Complex query and step-by-step ...

Unzipped version of MYSQL installation and encountered errors and solutions

1 Installation Download the corresponding unzippe...

How to add sudo permissions to a user in Linux environment

sudo configuration file The default configuration...

Introduction to fork in multithreading under Linux

Table of contents Question: Case (1) fork before ...

WeChat applet realizes chat room function

This article shares the specific code of WeChat a...

Several common methods for passing additional parameters when submitting a form

When submitting a form, you may encounter situatio...

Click the toggle button in Vue to enable the button and then disable it

The implementation method is divided into three s...

How to create and run a Django project in Ubuntu 16.04 under Python 3

Step 1: Create a Django project Open the terminal...

react-diagram serialization Json interpretation case analysis

The goal of this document is to explain the Json ...

Vue2/vue3 routing permission management method example

1. There are generally two methods for Vue routin...

Detailed explanation of the reasons and solutions for floating elements to collapse the height of their parent elements

Floating elements cause their parent elements to ...

Pure CSS3 to achieve pet chicken example code

I have read a lot of knowledge and articles about...

Detailed graphic explanation of how to install and completely delete MySQL by decompression

1. Install MySQL (1) Unzip the downloaded MySQL c...

Solve the cross-domain problem of Vue+SpringBoot+Shiro

Table of contents 1. Configure Vue front end 1. D...

MySQL 8.0.12 installation configuration method and password change

This article records the installation and configu...