alert()的功能_前端实现简单的图片上传小图预览功能

最新推荐文章于 2021-05-29 18:49:28 发布

weixin_39746282

最新推荐文章于 2021-05-29 18:49:28 发布

阅读量429

点赞数

文章标签： alert()的功能

本文链接：https://blog.csdn.net/weixin_39746282/article/details/112077125

版权

本文介绍如何利用JavaScript的FileReader对象获取上传图片URL，进而实现前端小图预览功能，通过alert()展示图片链接。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>前端实现简单的图片上传小图预览功能</title>
    <script src="js/jquery-3.2.1.min.js"></script>
    <style>
        .fileupload-box
        {
    
            padding: 5px;
            border: 2px dashed gainsboro;
            height: 180px;
            width: 400px;
            position: relative
        }
        .fileupload-box p
        {
    
            margin: 5px 0 0 5px;
            
        }
        .img-box{
    
            position: absolute;
            width: 120px;
            height: 120px;
            left: 50%;
            top: 30px;
            margin-left: -60px;

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_39746282

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
alert()的功能_前端实现简单的图片上传小图预览功能

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>前端实现简单的图片上传小图预览功能</title> <script src="js/jquery-3.2.1.min.js"></script&g...
复制链接

扫一扫