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>

控件初始化:

相关图片

相关文章