限制上传图片大小及像素

  $('body').on('change', '#J_order_pic', function() {

    // 上传图片, 定义fileParams

    var fileParams = {

file: null,

size: 0,

width: 0,

height: 0

};

    var source = $(this).get(0);

    task_table.temUploadFile = task_table.uploadFile;

    task_table.uploadFile = source.files[0] ? source.files[0] : task_table.temUploadFile;

    if(task_table.uploadFile){

      var ireg = /image\/.*/i,

          file_type = task_table.uploadFile.type,

          file_name = task_table.uploadFile.name;

      if (!file_type.match(ireg)) {

        core_root.tpl_action.showAlert('不是图片,请重新选择');

      } else {

        if(window.FileReader) {

          var fr = new FileReader();

          fr.onloadend = function(e) {

            // 声明新Image

var img = new Image();

            // 此处不做任何压缩直接读取文件流显示为图片(可扩展为压缩图片后显示)

img.src = e.target.result;

img.onload = function () {

fileParams.file = task_table.uploadFile; // 图片

fileParams.size = Math.ceil(task_table.uploadFile.size / 1024); // 图片size, 除以1024计算大小(向上取整)

fileParams.width = Math.floor(this.width / 3); // 图片宽度

fileParams.height = Math.floor(this.height / 3); // 图片宽度

// 图片尺寸区间:651*708~885*960(需方角图),100k以内

if (

fileParams.size > 100 ||

this.width > 500 ||

this.height > 500

) {

core_root.tpl_action.showAlert('图片尺寸区间:500*500(需方角图),100k以内');

// 重新初始化fileParams

fileParams = {

file: null,

size: 0,

width: 0,

height: 0

                };

                task_table.uploadFile = task_table.temUploadFile;

return false;

} else {

                $('.icon').show();

             $('.icon').attr('src', img.src);

              }

            }

          }

          fr.readAsDataURL(task_table.uploadFile);

        }

      }

    }

  });

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值