迅睿CMS:自定义单文件上传组件存储过程_迅睿教程

迅睿CMS:自定义单文件上传组件存储过程

迅睿教程 2024-10-09 15:07:43 0次 0 来源：老K模板网收藏

前端使用了layui的单文件上传组件来上传文件，那么后台如何来正确存储入库呢

比如这个字段名称叫shangchuan，对应我们的后台的字段，File类型入库

效果代码如下：

//执行实例
        var uploadInst = upload.render({
            elem: '#dr_shangchuan_btn' //绑定元素
            ,url: '/index.php?s=api&c=file&token={dr_get_csrf_token()}&siteid={SITE_ID}&m=upload&fid=6' //上传接口
            ,accept : 'file' // 所有文件
            ,auto : true // 所有文件
            ,field : 'file_data' // 所有文件
            ,exts: 'jpg|png|gif|zip|rar|7z' //即代表只允许上传压缩格式的文件
            ,done: function(res){
                //上传完毕回调
                if (res.code > 0) {
                    $("#dr_shangchuan").val(res.id);
                    alert('上传成功：'+res.info.url);
                } else {
                    alert('上传失败：'+res.msg);
                }
                console.log(res);
            }
            ,error: function(){
                //请求异常回调
                alert('请求失败');
            }
        });
    });
</script>

来分析上面的代码

1、加载layui组件js代码