layui头像图片上传代码

Html

Css

 

    
        
        点击更换我的头像
        上传图片限制大小 600kb

layui.use(['upload'], function() {
    var layer = layui.layer;
    var $ = layui.jquery,
        upload = layui.upload;
    //普通图片上传开始
    var uploadInst = upload.render({
        elem: '#id_upload_img',
        url: '/user/upload_img/',
        size: 600, //限制文件大小，单位 KB
        before: function(obj) {
            //预读本地文件示例，不支持ie8
            obj.preview(function(index, file, result) {
                $('#id_upload_img').attr('src', result); //图片链接（base64）
            });
        },
        done: function(res) {
            //如果上传失败
            if (res.status > 0) {
                return layer.msg('上传失败');
            }
            //上传成功
        },
        error: function() {
            //演示失败状态，并实现重传
            var demoText = $('#demoText');
            demoText.html(
                '<span style="color: #FF5722;">上传失败</span> <a class="layui-btn layui-btn-xs demo-reload">重试</a>');
            demoText.find('.demo-reload').on('click', function() {
                uploadInst.upload();
            });
        }
    });
    //普通图片上传结束
})

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

layui头像图片上传代码



代码描述：基于layui实现的头像图片上传代码

更新时间：2020-12-29 09:49:38
layui 上传头像样式

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

勋章

相关代码

layui头像图片上传代码

最新