Question

我在项目中使用jquery fileupload。我想知道在上传后是否有办法设置显示图像的大小。

例如，它生成的代码是：

<span class="preview">
  <a href="/static/media/asd/espiro_gray.jpg" title="espiro_gray.jpg" download="espiro_gray.jpg" data-gallery=""><img src="/static/media/asd/espiro_gray.jpg"></a>
</span>

Answer 1

您可以使用Jquery文件上传的'fileuploadadded'事件，并在其中添加图像大小调整代码。

尝试类似：

$(selector).bind('fileuploadadded', function (e, data) { 
// add your image resize code here
}

Answer 2

解决了以下问题：

// listen to the table for any new element
$('.table').bind("DOMNodeInserted", function(e){
   // get the new element
   var elem = e.target.nodeName;
   // if the element is 'TR' I continue
   if (elem == 'TR'){
      // there are two cases: 1) the image is 
      // added as preview: in this case 
      // there is not 'img' element generate. 
      // 2) the image is uploaded: in this case
      // we do generate a 'img' element, so I get
      // it with the following line
      var img = $(this).find("img");
      // undefined check
      if (img != undefined) {
         // set the right values
         img.attr('height', '100');
         img.attr('width', '100');
      }
    }
});

我希望这可以帮助别人。

干杯。

Jquery Fileupload设置上传图像的大小

2 个答案: