图片预览上传插件bootstrap-fileinput.js

所属分类:输入,其他-上传

 37428  150  查看评论 (85)
图片预览上传插件bootstrap-fileinput.js ie兼容9

更新时间:2017/12/22 下午5:12:09

更新说明:修改错误,之前把form标签id和enctype写到div上了


引入css

<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/bootstrap-fileinput.css" rel="stylesheet">

引入js

<script src="http://www.jq22.com/jquery/jquery-1.10.2.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>
相关插件-上传

基于HTML5的jquery文件上传插件

这个插件是照着uploadify的api文档写的
  上传
 214041  304

上传图片-可裁剪

上传图片可裁剪
  上传
 72086  87

jquery头像上传剪裁插件cropper

cropper是一款使用简单且功能强大的图片剪裁jQuery插件
  上传
 53734  366

jquery多图片上传

多张图片上传,显示
  上传
 199965  430

讨论这个项目(85)回答他人问题或分享插件使用方法奖励jQ币

    ?? 深水鱼?? 0
    2018/6/27 13:39:38
    还行吧割发代首 回复
    xTao 0
    2018/6/12 11:38:48
    As 0
    2018/6/8 11:51:07
    多个图片上传能修改吗 回复
    ┼??の江湖 0
    2018/5/21 10:26:17
    怎么 改 点击提交后 按钮 不可用,然后点击选择文件或者换一张按钮 后提交按钮可用状态,不然可以无限提交图片
        ★雨夜飞逃☆0
        2018/5/31 13:55:51
    回复
    ╉郁金香、 0
    2018/3/26 22:45:22
    不错,正需要这样的功能
        余生请多指教。、0
        2018/4/3 20:14:47
        Samuel0
        2018/4/10 21:51:53
        功能做的不错我也想要一份
        抱一下再说晚安^O^0
        2018/5/9 16:26:49
        魔羯驼铃0
        2018/5/11 16:14:45
        非常好
    回复
    LKLS 0
    2018/3/15 12:07:40
    只能单图上传, 不能多图吗? 改进一下,到时分享我一下
        LZG9240
        2018/3/19 20:56:35
        你好,我没有jq币,你可以给我发一份吗,谢谢了。我的邮箱是[email protected]
        !!!0
        2018/4/3 8:51:51
        求一份大哥 1549391450
    回复
    - Emotion°一世迷离 0
    2018/3/12 20:57:36
    很实用收藏
        奔跑的小蜗牛0
        2018/6/13 15:55:59
        啊啊
    回复
    颜卫龙-SMC(广州)气动元 0
    2018/3/5 14:56:36
    ,Gets0ell 0
    2018/3/4 8:50:58
    ?羽?恋? 0
    2018/2/8 8:57:29
    求资源,感谢您的慷慨
    回复
取消回复