js 图片上传前浏览

2019-04-15 18:48发布

Document

添加的一个jquery小插件,上传前预览的。  (IE下可能会有问题,还没解决好)
(function($) { $.fn.showUpPic = function(){ fileBtn = this; this.on('change',function(){ var imgPath = window.URL.createObjectURL(fileBtn[0].files[0]); if(fileBtn.siblings('img')[0]!==undefined){ fileBtn.siblings('img')[0].src = imgPath; }else{ var img = document.createElement("img"); img.style.width="50px"; img.style.width="100px"; img.src = imgPath; fileBtn[0].parentNode.appendChild(img); } }); }; })(jQuery);