15年软件开发经验,只做源码定制!

原创设计定制开发

满足您的个性化需求

当前位置：首页前端开发 js

0 0

layui上传图片文件

武江伟| 发布于 2021-10-16 18:01:07| 857阅读| 0点赞| 0评论

layui将图片上传到服务器

layui通过ajax请求将图片上传到服务器

var uploadInst = upload.render({
            elem: '#test1'
            ,url: 'http://localhost:8001/cms/imge/create' //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。
            // ,auto: false
            ,accept: 'file'
            // ,bindAction: '#test9'
            ,before: function(obj){
                //预读本地文件示例，不支持ie8
                obj.preview(function(index, file, result){
                    $('#demo1').attr('src', result); //图片链接（base64）
                });
            }
            ,done: function(res){
                //如果上传失败
                if(res.code > 0){
                    return layer.msg('图片错误');
                }
                //上传成功的一些操作
                //……
                $('#img').val(res.data); //置空上传失败的状态
            }
            ,error: function(){
                //演示失败状态，并实现重传
                var demoText = $('#demoText');
                demoText.html('图片选择失败 重试');
                demoText.find('.demo-reload').on('click', function(){
                    uploadInst.upload();
                });
            }
        });