META-INF.resources.demo.jQuery.js.preview.js Maven / Gradle / Ivy

Go to download
imgCommon = '';  //定义上传图片的base64格式
imgNatWid = 0;   //定义原图片的宽度
imgNatHei = 0;   //定义原图片的高度
function previewImage(file) {
  var prevDiv = $(file).siblings('.preview')[0]//单张图片
  var files = $(file)[0].files[0];
  var type = files.type;
  var picStrDiv = $(file).siblings('.picStr')[0];

  
  if (type != 'image/jpg' && type != 'image/jpeg' && type != 'image/png' && type != 'image/gif') {
    $('.box').show().delay(3000).fadeOut();
    $('.box').find('.msg').text('只能上传图片文件（.jpg .jpeg .png .gif）');
    return false;
  }
  if (file.files && file.files[0]) {
    var reader = new FileReader();
    reader.onload = function (evt) {
      prevDiv.innerHTML = '';
      imgCommon = evt.target.result.match(/,(\S*)/)[1];

      var img = new Image();
      img.src = reader.result;
      //获取图片原尺寸
      img.onload = function () {
        imgNatWid = this.width;
        imgNatHei = this.height;
      };

      
      if (picStrDiv != undefined){
        // 提取图片特征码
        getCode(imgCommon, picStrDiv, prevDiv, reader);
        $('.txtDiv').hide();
      }
    }
    reader.readAsDataURL(file.files[0]);
  }
}
$(document).ready(function () {
  // 计算图片盒子的最大高度
  var clientHeight = document.documentElement.clientHeight; // 定义屏幕可视区高度
  var navHeight = $('.nav-tabs').outerHeight();      // 定义导航栏的高度
  var mainHeight = $('.div-upload').outerHeight();   //定义主要部分的高度
  var newHeight = clientHeight - navHeight - mainHeight;
  $('#preview').css('height', newHeight + 'px')
});