侧边栏壁纸
  • 累计撰写 24 篇文章
  • 累计创建 11 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

文件上传

阿杰
2022-06-02 / 0 评论 / 0 点赞 / 358 阅读 / 404 字

💍 [文件上传]

  • 我们这里实现的文件上传的功能不是通过Vue—teact现在主流的框架实现的,这里的话我们是通过Bootstrap框架实现的,当然实现文件
  • 上传这个功能呢,可以使用多种办法实现,这里呢我就用Bootstrap来实现文件上传的功能。
  • 此上传功能有/删除/预览/左右排序/功能这个功能是一个可以满足你在项目中的需求。

💍 [效果如如下:]

图片-1654250846264!

  • 图片大小可以自定义上传
  • 图片一次可以上传多少张,自定义即可.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>cupload例子</title>
    </head>
    <body>

    <h3 align="center">初始化加载图片(5张, 已有三张)</h3>
    <div id="cupload-1" align="center"></div>

    </body>
    <script src="static/js/cupload.js"></script>
    <script type="text/javascript">
        var cupload6 = new Cupload ({
            ele : '#cupload-1',
            num  : 5,
            data : ["./static/image/1.jpg", "./static/image/2.png", "./static/image/3.jpg"],
    );

    </script>
</html>

💍 [总结]

[如果有伙伴需要js代码的请下方留言!]

以上就是本文关于前端中的文件上传代码详解的全部内容,希望对大家有所帮助。感兴趣的朋友可以继续参阅本站其他前端相关专题,如有不足之处,欢迎留言指出。感谢朋友们对本站的支持!

0
博主关闭了所有页面的评论