juploader v1.0.6

XFileService 文件服务API及上传组件

安装

npm install juploader

引入

//npm模块化引入
import JUploader from 'juploader'

//src引入
<script src="./src/JUploader.mini.js"> </script>

创建基础对象

const uploader = new JUploader();

简单上传文件

uploader.upload({
    url: 'xxxx/File/Upload',
    multiple: false, //是否自动上传
    parms: { //上传参数
        app: "JXOA", //产品
        rid: 0, //关联ID
        cls: "", //文件分类
        module: "测试文件", //所属模块
        userId: 1001, //用户ID
        userName: "匿名用户", //用户名
        fileName: "",
        timestamp: new Date() //时间戳
    },
    maxSize: 1024 * 1024 * 1024 * 1024, //允许上传的最大文件大小
    compress: {
        //图片压缩选项
        width: 0, //宽度
        height: 0, //高度
        longside: 1200, //较长边
        quality: 0.6
    },
    accept: null, //允许上传的文件类型(扩展名),多个之间用逗号隔开
    unAccept: null, //禁止上传的文件类型(扩展名)
    success: (data) => {
        console.log('单个文件上传成功！')
    },
    finish: () => {
        console.log('全部上传完毕')
    }
})

在异步处理完成后上传

 //异步请求后上传
uploader.syncPost('xxx', {
    parms: JSON.stringify(model)
}).then(res => {
    uploader.upload({
        url: 'xxxx/File/Upload',
        multiple: false, //是否多选
        parms: {
            parms: res
        },
        maxSize: 1024 * 1024 * 1024 * 1024, //允许上传的最大文件大小
        compress: {
            //图片压缩选项
            width: 0, //宽度
            height: 0, //高度
            longside: 1200, //较长边
            quality: 0.6
        },
        accept: null, //允许上传的文件类型(扩展名),多个之间用逗号隔开
        unAccept: null, //禁止上传的文件类型(扩展名)
        success: (data) => {
            console.log('单个文件上传成功！')
        },
        finish: () => {
            console.log('全部上传完毕')
        }
    })

})