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

原创设计 定制开发

满足您的个性化需求

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

layui上传图片文件

武江伟| 发布于 2021-10-16 18:01:07| 539阅读| 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();
                });
            }
        });

图片上传后可以进行预览

服务器返回响应,根据响应可以做自己想要的操作

0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

武江伟
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部