jq+layui上传图片（请参考）

最新推荐文章于 2024-09-10 11:33:20 发布

橙子a123

最新推荐文章于 2024-09-10 11:33:20 发布

阅读量113

点赞数

文章标签： layui html javascript

本文链接：https://blog.csdn.net/weixin_68169041/article/details/126385705

版权

本文介绍如何结合jQuery和layui框架来实现网页上的图片上传功能，包括选择图片、预览、上传到服务器等步骤，适合前端开发者参考。

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    <link rel="stylesheet" href="./layui.css">
    <script src="./layui.js"></script>
</head>

<body>`
    <button type="button" class="layui-btn" id="test1">
        <i class="layui-icon">&#xe67c;</i>上传图片
    </button>
    <div id="box"></div>      
</body>
<script>
    layui.use('upload', function