jQuery图片批量上传并预览

 查看演示  website  立即下载

更新时间：2021-08-19 01:26:16

使用方法

引用文件

<script type="text/javascript" src="js/jquery.min.js"></script>
<link rel="stylesheet" href="css/upload.css">
<script type="text/javascript" src="js/T_upload.js"></script>
<link rel="stylesheet" href="css/preView.css">
<script type="text/javascript" src="js/preView.js"></script>

设置图片容器

<div id="T_upload"></div>

初始化组件

$.Tupload.init({
    title: "图片格式：JPG、JPEG、PNG文件大小：2MB以内",
    fileNum: 10, // 上传文件数量
    divId: "T_upload", // div  id
    accept: "image/jpeg,image/x-png,image/x-jpg", // 上传文件的类型
    fileSize: 2 * 1048576, // 上传文件的大小
    onSuccess: function(data, i) {
        console.log(data)
    },
    onDelete: function(i) {}
});

获取图片base64:进行后续上传操作

var imgsBase64= $.Tupload.imgsBase64

PREVIOUS:
NEXT:
vue推箱子游戏
Vue3 中后台前端UI框架(原创)