美文网首页
上传图片预览

上传图片预览

作者: 吴小布 | 来源:发表于2017-09-11 18:06 被阅读0次
jQuery.fn.extend({
       previewInputImage: function($inputElement, fileIndex){
           if(typeof(fileIndex) == 'undefined'){
               fileIndex = 0;
           }
           var $imageElement = $(this);
           var input = $inputElement.get(0);
           if (input.files && input.files[fileIndex]) {
               var reader = new FileReader();
         reader.onload = function (e) {
           $imageElement.attr('src', e.target.result);
         }
         reader.readAsDataURL(input.files[fileIndex]);
           }
           return $(this);
       }
   });
   $('.brand-logo .btn-upload input[type=file]').on('change', function(){
        $('.brand-logo .img-thumbnail').previewInputImage($(this));
   });

相关文章

网友评论

      本文标题:上传图片预览

      本文链接:https://www.haomeiwen.com/subject/lwyylxtx.html