Bootstrap和fileinput.js实现的FormData图片上传插件

Bootstrap和fileinput.js实现的FormData图片上传插件-精品资源网
Bootstrap和fileinput.js实现的FormData图片上传插件
此内容为免费资源,请登录后查看
0
免费资源

Bootstrap和fileinput.js实现的FormData图片上传插件

这是一款基于Bootstrap和fileinput.js实现的FormData图片上传插件,还可以实时预览。

js代码

<script src=\"js/jquery.min.js\"></script>
<script src=\"js/bootstrap-fileinput.js\"></script>
<script type=\"text/javascript\">
    $(function () {
        //比较简洁,细节可自行完善
        $(\'#uploadSubmit\').click(function () {
            var data = new FormData($(\'#uploadForm\')[0]);
            $.ajax({
                url: \'xxx/xxx\',
                type: \'POST\',
                data: data,
                async: false,
                cache: false,
                contentType: false,
                processData: false,
                success: function (data) {
                    console.log(data);
                    if(data.status){
                        console.log(\'upload success\');
                    }else{
                        console.log(data.message);
                    }
                },
                error: function (data) {
                    console.log(data.status);
                }
            });
        });

    })
</script>

© 版权声明
THE END
点赞0 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容