基于JQuery实现图片上传预览与删除操作Word文件下载.docx

1、2. srdz.preview.2.0.css.btn-pic display: block; position: relative; width: 120px; height: 40px; overflow: hidden; cursor: pointer; text-align: center;.btn-pic-bg border: 1px solid #ff9000; background: none repeat scroll 0 0 #ff9000; color: #ffffff; text-decoration: none;.btn-pic span line-height: 39

2、px;.ipt-bg absolute; top: 0; left: font-size: 100px; opacity: filter: alpha（opacity=0）;.spanc red;.drt float: right;.dft left;3. srdz.preview.2.0.jsfunction ImgPreview ImgPreview.prototype.preview=function（options） var time = new Date .getTime ; var fileid = file + time; var xdelid = xdel var delid

3、= del var viewid = view var htm = + 上传图片删除图片; $（# + options.previewid）.html（htm）; + fileid）.bind（click,function var $this =$（this）; var browser= isIE:function（ver） var b = document.createElement（b）; b.innerHTML = return b.getElementsByTagName（i）.length = 1; ; $this.change（function var regex=/（.*）.（j

4、pg|jpeg|png）$/; var val = $this.val ; if（!regex.test（val） + viewid）.html（请选择正确的图片（jpg、jpeg、png）! return; if（browser.isIE（6） HanderOther（$this）; else if（browser.isIE（7） | browser.isIE（8） | browser.isIE（9） HanderIE789（$this）; else if（window.FileReader） HanderFileReader（$this）; else该浏览器不支持预览图片! functio

5、n HanderFileReader（$this） var oFReader = new window.FileReader , rFilter = /（?:image/bmp|image/cis-cod|image/gif|image/ief|image/jpeg|image/jpeg|image/jpeg|image/pipeg|image/png|image/svg+xml|image/tiff|image/x-cmu-raster|image/x-cmx|image/x-icon|image/x-portable-anymap|image/x-portable-bitmap|image

6、/x-portable-graymap|image/x-portable-pixmap|image/x-rgb|image/x-xbitmap|image/x-xpixmap|image/x-xwindowdump）$/i; oFReader.onload = function （oFREvent） + xdelid）.show ; var aFiles = $this.get（0）.files; if （aFiles.length = 0） return; if （!rFilter.test（aFiles0.type） oFReader.readAsDataURL（aFiles0）; fun

7、ction HanderIE789（$this） if（options.width != null & parseInt（options.width） 0） + viewid）.css（width,options.width + px,378px if（options.height ! parseInt（options.height） height,options.height + 358pxfilterprogid:DXImageTransform.Microsoft.AlphaImageLoader（sizingMethod=scale,src=+GetImgSrc（$this）+） function HanderOther（$this） function GetImgSrc（$this） $this.select ; $this.blur ; var imgSrc =document.selection.createRange .text; document.selection.empty ; return imgSrc;/绑定按钮事件 + delid）.bind（ if（browser.isIE（7） | browser.isIE（8） | browser.isIE（9） + fileid）.val（ + xdelid）.hide ;