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

所属分类:输入-上传

 18429  89  查看评论 (55)
图片预览上传插件bootstrap-fileinput.js ie兼容9

引入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>
相关插件-上传

jQuery PHP多文件上传插件

jquery多图片上传,PHP+jQuery+Ajax多图片上传
  上传
 11044  23

拖放文件上传与图像预览插件Dropzone.js

dropzone.js是重量轻的JavaScript库,将HTML元素设置为一个降落区,并通过Ajax文件被上传到服务器。
  上传
 56451  102

图片上传插件zyupload java版实例代码

本插件经本人多次修改完善,功能齐全,支持多图片上传、拖拽上传、剪辑、编辑,上传预览,编辑获取默认值等功能,并且每一个功能对应一个demo,简单易懂,方便学习修改
  上传
 62437  402

基于webuploader多图片上传插件diyUpload.js

多张图片上传 base64格式 移动端可支持,代码中有详细注释。
  上传
 558  12

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

    晴天 0
    2017/12/15 13:35:27

    不行啊后台获取不到,传过去的是空值。报错

    自己写了个测试上传没问题

        

    可以获取到图片

    求解

        huangdaxiu0
        2017/12/15 14:06:24

        你好,可以看楼下,琢磨琢磨

    回复
    小乔流水 0
    2017/12/7 10:11:20
    18781145809 0
    2017/12/4 15:01:00

    ie 不支持formData ie 使用不了  ie还是不兼容,还是不兼容,是不兼容,不兼容,兼容,容……

    回复
    湘楚羽寒-落秋悲 0
    2017/11/30 14:50:25

    后台怎样才可以获得地址

    回复
    兔女郎 0
    2017/11/25 23:42:56
    月城雪兔。 0
    2017/11/15 9:05:33
    感谢分享
        香蕉不呐呐*0
        2017/11/27 0:10:49
        要下载deodorant哦
    回复
    love5461 0
    2017/11/3 10:37:22
    大大的粪球任你白吃。 0
    2017/10/31 17:32:35
    让我赚点呗 0
    2017/10/25 15:51:57
    张威 0
    2017/10/24 10:11:21
取消回复