前端图片预览与上传

最新推荐文章于 2024-01-18 15:27:25 发布

VIP文章我不是小白脸

最新推荐文章于 2024-01-18 15:27:25 发布

阅读量234

点赞数

分类专栏：小技能 html5 文章标签：图片预览 html5文件上传

本文链接：https://blog.csdn.net/wobushixiaobailian/article/details/99180530

版权

文章目录

一、实现
二、将存在数据库中的blob图片显示到前端
总结
参考文献

一、实现

<!DOCTYPE html>
<html>

<head>
    <title>图片预览</title>
    <!--引入jquery-->
    <script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
</head>

<body>
    <!--label 元素不会向用户呈现任何特殊效果。
            不过，它为鼠标用户改进了可用性。
            如果您在 label 元素内点击文本，就会触发此控件。
            就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
            <label> 标签的 for 属性应当与相关元素的 id 属性相同。 -->
    <div style="width: 200px">
        <div id="div"></div>
    </div>

    <label id="label" for="img"
        style="width: 200px;display: block;background: url(2.png);height: 200px;border:1px solid #000;"></label>
    <input

最低0.47元/天解锁文章

我不是小白脸

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
前端图片预览与上传

文章目录一、实现二、将存在数据库中的blob图片显示到前端总结参考文献一、实现<!DOCTYPE html><html><head> <title>图片预览</title>  <script src="https://code.jquery.com/jqu...
复制链接

扫一扫