layui图片上传七牛云

lskblog

于 2023-07-20 14:35:54 发布

阅读量337

点赞数

文章标签： layui 前端 javascript

本文链接：https://blog.csdn.net/lsk0909/article/details/131830040

版权

var uploadInst = upload.render({
    elem: '#test1'
    ,url: 'https://upload.qiniup.com' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
    ,data:{
        token:function(){
            var token;
            $.ajax({
                async: false,//ajax 非异步获取taken
                type: 'get',
                url: '/common/qiniu-token', //从后端接口获取七牛云token
                success: function (res) {
                    token = res;
                }
            });
            return token;
        }
    }
    ,before: function(obj){
        //预读本地文件示例，不支持ie8
        obj.preview(function(index, file, result){
            $('#thumbnail').attr('src', result); //图片链接（base64）
        });
    }
    ,done: function(res){
        thumbnail = url+res.hash
        layer.msg('上传成功');
    }
});