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

所属分类:输入-上传

 18283  87  查看评论 (53)
图片预览上传插件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>
相关插件-上传

基于amazeui头像上传

基于amazeui框架,设计的头像上传插件
  上传
 23843  139

jQuery文件上传插件angularfileupload

angular-file-upload 是一款轻量级的 AngularJS 文件上传工具,为不支持浏览器的 FileAPI polyfill 设计,使用 HTML5 直接进行文件上传。
  上传
 42186  95

js上传图片预览

js上传图片本地预览
  上传
 53381  196

优秀的jQuery无刷新上传插件Uploadify

上传功能在我们的程序中是经常会用到的,而传统的http上传在安全性和文件大小上都会有一定的限制,而且不能看到上传进度。所以就出现了采用Flash和其他一些方式来实现人性化的上传效果。 那么今天我要给大家介绍额就是一款jQuery的无刷新上传插件 -Uploadify,他有免费版和收费版两种,免费版的是用Flash实现的,而收费版的是用html5实现的
  上传
 90430  125

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

    小乔流水 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
    ?爺敢哭 敢笑 ■纯汉纸‘ 0
    2017/10/22 14:20:36
    问一下,console.log(data.get("files"));还是null是怎么回事
        huangdaxiu0
        2017/10/23 9:09:30

        files是name的属性值

        <input type="file" name="files" />
        让我赚点呗0
        2017/10/25 15:56:52

        不好用啊

    回复
取消回复