jQuery之$.support.xxx

下面这段代码来自jQuery-file-upload 9.19官方Demo

 1 $(function () {
 2     'use strict';
 3     // Change this to the location of your server-side upload handler:
 4     var url = window.location.hostname === 'blueimp.github.io' ?
 5                 '//jquery-file-upload.appspot.com/' : 'server/php/';
 6     $('#fileupload').fileupload({
 7         url: url,
 8         dataType: 'json',
 9         done: function (e, data) {
10             $.each(data.result.files, function (index, file) {
11                 $('<p/>').text(file.name).appendTo('#files');
12             });
13         },
14         progressall: function (e, data) {
15             var progress = parseInt(data.loaded / data.total * 100, 10);
16             $('#progress .progress-bar').css(
17                 'width',
18                 progress + '%'
19             );
20         }
21     }).prop('disabled', !$.support.fileInput)
22         .parent().addClass($.support.fileInput ? undefined : 'disabled');
23 });

对应的HTML

<input id="fileupload" type="file" name="files[]" multiple>

jQuery.support 用于检查浏览器对各项特性的支持。检查项多达 27 个。经搜索,应该是时从jQuery 1.9 开始.

w3school参考

注意这里的字面值"fileInput",fileupload插件可以使用input标签的id值作为属性名指引所生成的jquery插件对象, 此编程模式待学习研究.

 

posted @ 2017-12-08 17:10  轴轴  阅读(453)  评论(0)  编辑  收藏  举报