加拿大28

    1. <form id='2ki2s'></form>
        <bdo id='2ki2s'><sup id='2ki2s'><div id='2ki2s'><bdo id='2ki2s'></bdo></div></sup></bdo>

          • ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
            当前位置:首页 >> 网页制作 >> web前端 >> jQuery-File-Upload 使用,jQuery-File-Upload上传插件

            jQuery-File-Upload 使用,jQuery-File-Upload上传插件(1/2)

            来源:网络整理     时间:2018-09-26     关键词:

            本篇文章主要介绍了" jQuery-File-Upload 使用,jQuery-File-Upload上传插件",主要涉及到方面的内容,对于web前端感兴趣的同学可以参考一下: jQuery-File-Upload 使用,jQuery-File-Upload上传插件================================?Cop...

            jQuery-File-Upload 使用,jQuery-File-Upload上传插件

            ================================

            ?Copyright 蕃薯耀 2018年9月26日

            http://fanshuyao.iteye.com/

            一、官网地址:

            https://github.com/blueimp/jQuery-File-Upload

            二、使用文档(参数说明)

            https://github.com/blueimp/jQuery-File-Upload/wiki/Options

            三、浏览器支持(官网说明)

            • Google Chrome
            • Apple Safari 4.0+
            • Mozilla Firefox 3.0+
            • Opera 11.0+
            • Microsoft Internet Explorer 6.0+

            四、jQuery-File-Upload 入门使用

            1、最简单的使用方法:

            <!DOCTYPE HTML>
            <html>
            <head>
            <meta charset="utf-8">
            <title>jQuery File Upload Example</title>
            </head>
            <body>
            <input type="file" name="files[]" data-url="server/php/" multiple>
            <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
            <script src="js/vendor/jquery.ui.widget.js"></script>
            <script src="js/jquery.iframe-transport.js"></script>
            <script src="js/jquery.fileupload.js"></script>
            <script>
            $(function () {
                $('#fileupload').fileupload({
                    dataType: 'json',
                    done: function (e, data) {
                        $.each(data.result.files, function (index, file) {
                            $('<p/>').text(file.name).appendTo(document.body);
                        });
                    }
                });
            });
            </script>
            </body> 
            </html>

             如果不使用iframe,jquery.iframe-transport.js文件可以不引用。

            2、自定义使用

            不显示文件选择框,只显示上传按钮

            <a >上传mdb文件</a> 
            
            <div>		
                <input type="file" name="mdbFiles" />
            </div>

            控件初始化:

            相关图片

            相关文章