美文网首页
上传图片预览

上传图片预览

作者: 吴小布 | 来源:发表于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