From 38e7cb6087445d966319fd5bd06179b75c007e7b Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AD=A3=E5=9C=A3=E5=8D=8E?= <752718920@qq.com> Date: Sun, 12 Apr 2020 23:41:56 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9B=BF=E6=8D=A2=E4=B8=8A=E4=BC=A0=E6=96=87?= =?UTF-8?q?=E4=BB=B6=E7=9A=84js=E6=8F=92=E4=BB=B6?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- erp_web/js/Huploadify/Huploadify.css | 66 ++ erp_web/js/Huploadify/jquery.Huploadify.js | 282 +++++++++ erp_web/js/fileUploadQT/css/fileUpload.css | 130 ---- erp_web/js/fileUploadQT/css/iconfont.css | 33 - erp_web/js/fileUploadQT/demo.html | 97 --- erp_web/js/fileUploadQT/fonts/iconfont.eot | Bin 7222 -> 0 bytes erp_web/js/fileUploadQT/fonts/iconfont.svg | 61 -- erp_web/js/fileUploadQT/fonts/iconfont.ttf | Bin 6940 -> 0 bytes erp_web/js/fileUploadQT/fonts/iconfont.woff | Bin 4520 -> 0 bytes erp_web/js/fileUploadQT/js/fileUpload.js | 565 ------------------ erp_web/js/fileUploadQT/js/iconfont.js | 168 ------ .../js/fileUploadQT/js/jquery-2.1.3.min.js | 4 - 12 files changed, 348 insertions(+), 1058 deletions(-) create mode 100644 erp_web/js/Huploadify/Huploadify.css create mode 100644 erp_web/js/Huploadify/jquery.Huploadify.js delete mode 100644 erp_web/js/fileUploadQT/css/fileUpload.css delete mode 100644 erp_web/js/fileUploadQT/css/iconfont.css delete mode 100644 erp_web/js/fileUploadQT/demo.html delete mode 100644 erp_web/js/fileUploadQT/fonts/iconfont.eot delete mode 100644 erp_web/js/fileUploadQT/fonts/iconfont.svg delete mode 100644 erp_web/js/fileUploadQT/fonts/iconfont.ttf delete mode 100644 erp_web/js/fileUploadQT/fonts/iconfont.woff delete mode 100644 erp_web/js/fileUploadQT/js/fileUpload.js delete mode 100644 erp_web/js/fileUploadQT/js/iconfont.js delete mode 100644 erp_web/js/fileUploadQT/js/jquery-2.1.3.min.js diff --git a/erp_web/js/Huploadify/Huploadify.css b/erp_web/js/Huploadify/Huploadify.css new file mode 100644 index 00000000..031064fe --- /dev/null +++ b/erp_web/js/Huploadify/Huploadify.css @@ -0,0 +1,66 @@ +@charset "utf-8"; +/* CSS Document */ +.uploadify-button{ + float: left; + display:inline-block; + border:1px solid #808080; + background-color: #707070; + line-height:24px; + border-radius:12px; + padding:0 18px; + font-size:12px; + font-weight: 600; + font-family: '微软雅黑'; + color:#FFF; + cursor:pointer; + text-decoration:none; +} +.uploadify-button:hover{ + background-color: #888; +} +.uploadfile{ + width:0; +} +.uploadify-queue .uploadify-queue-item{ + list-style-type:none; +} +.uploadbtn,.delfilebtn,.showfilebtn{ + display:inline-block; + border:1px solid #999; + line-height:24px; + border-radius:4px; + padding:0 18px; + font-size:12px; + color:#666; + cursor:pointer; + background:url(images/btnbg.png) repeat-x 0 0; + text-decoration:none; +} +.up_filename,.progressnum,.delfilebtn,.uploadbtn,.up_percent{ + font-size:12px; + color:#666; + margin-left:10px; +} +.showfilebtn{ + font-size:12px; + color: blue; + margin-left:10px; + border: 1px blue solid; +} +.uploadify-progress{ + display:inline-block; + width:200px; + height:10px; + background-color:white; + border-radius:20px; + border:2px groove #666; + vertical-align:middle; + padding:0; + margin-left: 10px; +} +.uploadify-progress-bar{ + width:0; + height:100%; + border-radius:20px; + background-color: #0099FF; + } diff --git a/erp_web/js/Huploadify/jquery.Huploadify.js b/erp_web/js/Huploadify/jquery.Huploadify.js new file mode 100644 index 00000000..149f92d9 --- /dev/null +++ b/erp_web/js/Huploadify/jquery.Huploadify.js @@ -0,0 +1,282 @@ +(function($){ +$.fn.Huploadify = function(opts){ + var itemTemp = '
${fileName}上传删除
'; + var defaults = { + fileTypeExts:'',//允许上传的文件类型,格式'*.jpg;*.doc' + uploader:'',//文件提交的地址 + auto:false,//是否开启自动上传 + method:'post',//发送请求的方式,get或post + multi:false,//是否允许选择多个文件 + maxFileNumber:10, //最多能上传的文件数量 + formData:null,//发送给服务端的参数,格式:{key1:value1,key2:value2} + fileObj:'jarFile',//在后端接受文件的参数:文件 + fileObjName:'fileName',//在后端接受文件的参数:文件名称 + fileSizeLimit:2048,//允许上传的文件大小,单位KB + showUploadedPercent:true,//是否实时显示上传的百分比,如20% + showUploadedSize:false,//是否实时显示已上传的文件大小,如1M/2M + buttonText:'选择文件',//上传按钮上的文字 + removeTimeout: 1000,//上传完成后进度条的消失时间 + itemTemplate:itemTemp,//上传队列显示的模板 + onUploadStart:null,//上传开始时的动作 + onUploadSuccess:null,//上传成功的动作 + onUploadComplete:null,//上传完成的动作 + onUploadError:null, //上传失败的动作 + onInit:null,//初始化时的动作 + onCancel:null//删除掉某个文件后的回调函数,可传入参数file + } + + var option = $.extend(defaults,opts); + + //将文件的单位由bytes转换为KB或MB,若第二个参数指定为true,则永远转换为KB + var formatFileSize = function(size,byKB){ + if (size> 1024 * 1024&&!byKB){ + size = (Math.round(size * 100 / (1024 * 1024)) / 100).toString() + 'MB'; + } + else{ + size = (Math.round(size * 100 / 1024) / 100).toString() + 'KB'; + } + return size; + } + //根据文件序号获取文件 + var getFile = function(index,files){ + for(var i=0;i