javaScript 美化上传文件框（加预览移除效果）

最新推荐文章于 2021-06-07 11:30:44 发布

wangsq-js

最新推荐文章于 2021-06-07 11:30:44 发布

阅读量515

点赞数

分类专栏： javascript 插件文章标签： javascript 上传文件框美化

本文链接：https://blog.csdn.net/qq_41617704/article/details/79038305

版权

美化上传文件按钮，并预览

预览关键代码


inp.onchange=function(){
   
    var reader = new FileReader();
        reader.onloadend = function(e){
   
            img.src=e.target.result;
        }
    reader.readAsDataURL(this.files[0]);
}

源代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>上传文件框</title>
    <style>
    .file{
        display:inline-block;
        position:relative;
        overflow:hidden;
    }
    .file button{

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wangsq-js

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript 美化上传文件框（加预览移除效果）

美化上传文件按钮，并预览预览关键代码inp.onchange=function(){ var reader = new FileReader(); reader.onloadend = function(e){ img.src=e.target.result; } reader.readAsDataURL(this.
复制链接

扫一扫