/* =========================================================== * Bootstrap: fileinput.js v3.1.3 * http://jasny.github.com/bootstrap/javascript/#fileinput * =========================================================== * Copyright 2012-2014 Arnold Daniels * * Licensed under the Apache License, Version 2.0 (the "License") * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. * ========================================================== */ +(function ($) { "use strict"; var isIE = window.navigator.appName == "Microsoft Internet Explorer"; // FILEUPLOAD PUBLIC CLASS DEFINITION // ================================= var Fileinput = function (element, options) { this.$element = $(element); this.$input = this.$element.find(":file"); if (this.$input.length === 0) return; this.name = this.$input.attr("name") || options.name; this.$hidden = this.$element.find( 'input[type=hidden][name="' + this.name + '"]' ); if (this.$hidden.length === 0) { this.$hidden = $('').insertBefore(this.$input); } this.$preview = this.$element.find(".fileinput-preview"); var height = this.$preview.css("height"); if ( this.$preview.css("display") !== "inline" && height !== "0px" && height !== "none" ) { this.$preview.css("line-height", height); } this.original = { exists: this.$element.hasClass("fileinput-exists"), preview: this.$preview.html(), hiddenVal: this.$hidden.val(), }; this.listen(); }; (Fileinput.prototype.listen = function () { this.$input.on("change.bs.fileinput", $.proxy(this.change, this)); $(this.$input[0].form).on("reset.bs.fileinput", $.proxy(this.reset, this)); this.$element .find('[data-trigger="fileinput"]') .on("click.bs.fileinput", $.proxy(this.trigger, this)); this.$element .find('[data-dismiss="fileinput"]') .on("click.bs.fileinput", $.proxy(this.clear, this)); }), (Fileinput.prototype.change = function (e) { var files = e.target.files === undefined ? e.target && e.target.value ? [{ name: e.target.value.replace(/^.+\\/, "") }] : [] : e.target.files; e.stopPropagation(); if (files.length === 0) { this.clear(); return; } this.$hidden.val(""); this.$hidden.attr("name", ""); this.$input.attr("name", this.name); var file = files[0]; if ( this.$preview.length > 0 && (typeof file.type !== "undefined" ? file.type.match(/^image\/(gif|png|jpeg)$/) : file.name.match(/\.(gif|png|jpe?g)$/i)) && typeof FileReader !== "undefined" ) { var reader = new FileReader(); var preview = this.$preview; var element = this.$element; reader.onload = function (re) { var $img = $(""); $img[0].src = re.target.result; files[0].result = re.target.result; element.find(".fileinput-filename").text(file.name); // if parent has max-height, using `(max-)height: 100%` on child doesn't take padding and border into account if (preview.css("max-height") != "none") $img.css( "max-height", parseInt(preview.css("max-height"), 10) - parseInt(preview.css("padding-top"), 10) - parseInt(preview.css("padding-bottom"), 10) - parseInt(preview.css("border-top"), 10) - parseInt(preview.css("border-bottom"), 10) ); preview.html($img); element.addClass("fileinput-exists").removeClass("fileinput-new"); element.trigger("change.bs.fileinput", files); }; reader.readAsDataURL(file); } else { this.$element.find(".fileinput-filename").text(file.name); this.$preview.text(file.name); this.$element.addClass("fileinput-exists").removeClass("fileinput-new"); this.$element.trigger("change.bs.fileinput"); } }), (Fileinput.prototype.clear = function (e) { if (e) e.preventDefault(); this.$hidden.val(""); this.$hidden.attr("name", this.name); this.$input.attr("name", ""); //ie8+ doesn't support changing the value of input with type=file so clone instead if (isIE) { var inputClone = this.$input.clone(true); this.$input.after(inputClone); this.$input.remove(); this.$input = inputClone; } else { this.$input.val(""); } this.$preview.html(""); this.$element.find(".fileinput-filename").text(""); this.$element.addClass("fileinput-new").removeClass("fileinput-exists"); if (e !== undefined) { this.$input.trigger("change"); this.$element.trigger("clear.bs.fileinput"); } }), (Fileinput.prototype.reset = function () { this.clear(); this.$hidden.val(this.original.hiddenVal); this.$preview.html(this.original.preview); this.$element.find(".fileinput-filename").text(""); if (this.original.exists) this.$element.addClass("fileinput-exists").removeClass("fileinput-new"); else this.$element.addClass("fileinput-new").removeClass("fileinput-exists"); this.$element.trigger("reset.bs.fileinput"); }), (Fileinput.prototype.trigger = function (e) { this.$input.trigger("click"); e.preventDefault(); }); // FILEUPLOAD PLUGIN DEFINITION // =========================== var old = $.fn.fileinput; $.fn.fileinput = function (options) { return this.each(function () { var $this = $(this), data = $this.data("bs.fileinput"); if (!data) $this.data("bs.fileinput", (data = new Fileinput(this, options))); if (typeof options == "string") data[options](); }); }; $.fn.fileinput.Constructor = Fileinput; // FILEINPUT NO CONFLICT // ==================== $.fn.fileinput.noConflict = function () { $.fn.fileinput = old; return this; }; // FILEUPLOAD DATA-API // ================== $(document).on( "click.fileinput.data-api", '[data-provides="fileinput"]', function (e) { var $this = $(this); if ($this.data("bs.fileinput")) return; $this.fileinput($this.data()); var $target = $(e.target).closest( '[data-dismiss="fileinput"],[data-trigger="fileinput"]' ); if ($target.length > 0) { e.preventDefault(); $target.trigger("click.bs.fileinput"); } } ); })(window.jQuery);