前言
造这个小轮子的起因是因为默认提供的上传文件的按钮属实丑陋了点,而且还不能直接修改这个按钮的样式,所以就打算直接搞个小轮子方便日后需要时使用。使用原生js实现。那么直接上效果图。
实现功能:
显示上传图片缩略图
实现上传图片格式限制
预览效果图如下
代码实现
html代码
<html>
<head>
<meta charset="utf-8" />
<title>uploalFileButton</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="file-co