【file】jquery.fileEveryWhere.js 一个跨浏览器的file显示插件-显示插件

欢迎您访问我爱IT技术网，今天小编为你分享的javascript教程：【jquery.fileEveryWhere.js 一个跨浏览器的file显示插件】，下面是详细的讲解！

jquery.fileEveryWhere.js 一个跨浏览器的file显示插件

(function($) {
$.fn.fileEveryWhere=function(options) {
var defaults={
WrapWidth: 300,
WrapHeight: 30,
ButtonWidth: 60,
ButtonHeight: 28,
ButtonText: "浏览",
TextHeight: 28,
TextWidth: 240
};
var options=$.extend(defaults, options);
var browser_ver=$.browser.version.substr(0, 1);
var displayMode=($.browser.msie && browser_ver <="7") ? "inline" : "inline-block";
return this.each(function() {
//创建包含，设置为相对定位
var wrapper=$("<div class='fileWraper'>")
.css({
"width": options.WrapWidth + "px",
"height": options.WrapHeight + "px",
"display": displayMode,
"zoom": "1",
"position": "relative",
"overflow": "hidden",
"z-index":"1"
});
//创建文本输入框，用于存放上传文件名称
var text=$('<input class="filename" type="text" />')
.css({
"width": options.TextWidth + "px",
"heigth": options.TextHeight + "px"
});
//创建浏览按钮
var button=$('<input class="btnfile" type="button" />')
.val(options.ButtonText);
$(this).wrap(wrapper).parent().append(text, button);
$(this).css({
"position": "absolute",
"top": "0",
"left": "0",
"z-index": "2",
"height": options.WrapHeight + "px",
"width": options.WrapWidth + "px",
"cursor": "pointer",
"opacity": "0.0",
"outline":"0",
"filter": "alpha(opacity:0)"
});
if ($.browser.mozilla) { $(this).attr("size", 1 + (options.WrapWidth - 85) / 6.5) }
$(this).bind("change", function() {
text.val($(this).val());
});
});
};
})(jQuery);

关于jquery.fileEveryWhere.js 一个跨浏览器的file显示插件的用户互动如下：

　　相关问题：jQuery File Upload 图片预览代码如何写

　　答：jQuery File Upload是上传文件的一个插件，不一定是图片，所以里面没做预览的支持。但是可以直接用jquery简单实现出来，代码如下： /*先在js里扩展一个uploadPreview方法使用方法: 把需要进行预览的IMG标签外 套一个DIV 然后给上传控件ID给予upl... >>详细

　　相关问题：ajaxfileUpload.js 中jQuery(form).submit(); ie后...

　　答：file选择文件的事件簿是有file文件直接触发的，这个情况我原来也遇到过： 创建一个button 点击时候新增一个file控件，然后file.click() 这种做法除IE以外的浏览器都没有问题，但在IE里面必须点击file文件本身才能够上传成功，安全问题大家都懂的... >>详细

　　相关问题：用JS或jQuery获取file<input type="file">的名称或...

　　答：$('input[type="file"]').attr('name'); $('input[type="file"]').val(); jquery低版本可能需要@ $('input[@type="file"]') >>详细