Full HTML of the upload form with image preview
|
The upload form with image preview function, the complete HTML code is as follows <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Upload form with image preview function jb51.net</title> <script> function viewmypic(mypic,imgfile) { if (imgfile.value){ mypic.src=imgfile.value; mypic.style.display=""; mypic.border=1; } } </script> </head> <body> <center> <form> <input name="imgfile" type="file" id="imgfile" size="40" onchange="viewmypic(showimg,this.form.imgfile);" /> <br /> </form> <img name="showimg" id="showimg" src="" style="display:none;" alt="Preview image" /> <br /> </div> <div style="display:none"> </div> </center> </body> </html> |
<<: How to encapsulate query components based on element-ui step by step
>>: Introduction to /etc/my.cnf parameters in MySQL 5.7
Recommend
Example of implementing grouping and deduplication in MySQL table join query
Table of contents Business Logic Data table struc...
36 principles of MySQL database development (summary)
Preface These principles are summarized from actu...
How to restore data using binlog in mysql5.7
Step 1: Ensure that MySQL has binlog enabled show...
How to monitor array changes in JavaScript
Preface When introducing defineProperty before, I...
Who is a User Experience Designer?
Scary, isn't it! Translation in the picture: ...
How to create a child process in nodejs
Table of contents Introduction Child Process Crea...
MySQL series tutorial on understanding the use of union (all) and limit and exists keywords
Table of contents 1.union: You can add query resu...
Detailed explanation of Vue's front-end system and front-end and back-end separation
Table of contents Overview Front-end knowledge sy...
Solve the problem of using linuxdeployqt to package Qt programs in Ubuntu
I wrote some Qt interface programs, but found it ...
JS implementation of carousel carousel case
This article example shares the specific code of ...
Detailed explanation of CSS complex selectors and CSS font styles and color attributes
I have learned some basic selectors of CSS before...
Summary of things to pay attention to in the footer of a web page
Lots of links You’ve no doubt seen a lot of sites ...
MySQL quickly inserts 100 million test data
Table of contents 1. Create a table 1.1 Create te...
HTML implements the function of automatically refreshing or opening a new window for the URL link of the a element href
Sometimes we want to implement such a function: c...
Detailed explanation of using JavaScript WeakMap
A WeakMap object is a collection of key/value pai...