v-input-file
Version:
原生input的文件上传以及上传文件列表展示
2 lines • 4.41 kB
JavaScript
(function(t,e){"object"===typeof exports&&"object"===typeof module?module.exports=e():"function"===typeof define&&define.amd?define([],e):"object"===typeof exports?exports["vinputFile"]=e():t["vinputFile"]=e()})("undefined"!==typeof self?self:this,(function(){return function(t){var e={};function n(r){if(e[r])return e[r].exports;var i=e[r]={i:r,l:!1,exports:{}};return t[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=t,n.c=e,n.d=function(t,e,r){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:r})},n.r=function(t){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"===typeof t&&t&&t.__esModule)return t;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)n.d(r,i,function(e){return t[e]}.bind(null,i));return r},n.n=function(t){var e=t&&t.__esModule?function(){return t["default"]}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s="fb15")}({8875:function(t,e,n){var r,i,o;(function(n,c){i=[],r=c,o="function"===typeof r?r.apply(e,i):r,void 0===o||(t.exports=o)})("undefined"!==typeof self&&self,(function(){function t(){if(document.currentScript)return document.currentScript;try{throw new Error}catch(f){var t,e,n,r=/.*at [^(]*\((.*):(.+):(.+)\)$/gi,i=/@([^@]*):(\d+):(\d+)\s*$/gi,o=r.exec(f.stack)||i.exec(f.stack),c=o&&o[1]||!1,u=o&&o[2]||!1,s=document.location.href.replace(document.location.hash,""),l=document.getElementsByTagName("script");c===s&&(t=document.documentElement.outerHTML,e=new RegExp("(?:[^\\n]+?\\n){0,"+(u-2)+"}[^<]*<script>([\\d\\D]*?)<\\/script>[\\d\\D]*","i"),n=t.replace(e,"$1").trim());for(var a=0;a<l.length;a++){if("interactive"===l[a].readyState)return l[a];if(l[a].src===c)return l[a];if(c===s&&l[a].innerHTML&&l[a].innerHTML.trim()===n)return l[a]}return null}}return t}))},a0e5:function(t,e,n){"use strict";var r=n("b9cd"),i=n.n(r);i.a},b9cd:function(t,e,n){},fb15:function(t,e,n){"use strict";if(n.r(e),"undefined"!==typeof window){var r=window.document.currentScript,i=n("8875");r=i(),"currentScript"in document||Object.defineProperty(document,"currentScript",{get:i});var o=r&&r.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);o&&(n.p=o[1])}var c=function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"file-wrap"},[n("div",{staticClass:"input-wrap",style:{"background-color":t.btnColor}},[n("span",{staticClass:"iconfont"},[t._v("")]),n("span",[t._v("上传文件")]),n("input",{staticClass:"file-input",attrs:{type:"file",multiple:t.multiple},on:{change:t.getFile}})]),t.fileList.length&&t.fileList?n("ul",{staticClass:"file-list"},t._l(t.fileList,(function(e){return n("li",{key:e.id},[n("div",{staticClass:"left"},[n("div",{staticClass:"iconfont"},[t._v("")]),n("div",{staticClass:"title"},[t._v(t._s(e.name))]),n("div",{staticClass:"iconfont del",on:{click:function(e){return t.fileList.splice(0)},input:function(e){return t.$emit("input",t.fileList)}}},[t._v("")])])])})),0):t._e()])},u=[],s={name:"input-file",data(){return{fileList:[]}},props:{value:{type:Array},multiple:{type:Boolean},fileArr:{type:Array},btnColor:{type:String,default:"#409eff"}},watch:{value:{immediate:!0,handler(t){this.fileList=t||[]}}},methods:{getFile(t){this.$emit("input",[t.target.files[0]])}}},l=s;n("a0e5");function a(t,e,n,r,i,o,c,u){var s,l="function"===typeof t?t.options:t;if(e&&(l.render=e,l.staticRenderFns=n,l._compiled=!0),r&&(l.functional=!0),o&&(l._scopeId="data-v-"+o),c?(s=function(t){t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext,t||"undefined"===typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),i&&i.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(c)},l._ssrRegister=s):i&&(s=u?function(){i.call(this,(l.functional?this.parent:this).$root.$options.shadowRoot)}:i),s)if(l.functional){l._injectStyles=s;var a=l.render;l.render=function(t,e){return s.call(e),a(t,e)}}else{var f=l.beforeCreate;l.beforeCreate=f?[].concat(f,s):[s]}return{exports:t,options:l}}var f=a(l,c,u,!1,null,null,null),p=f.exports,d={install(t){t.component(p.name,p)}};e["default"]=d}})}));
//# sourceMappingURL=vinputFile.umd.min.js.map