title: Vue image size filter
body: <p>I'm trying to solve an issue for pulling/scraping images from <strong>URL</strong> with PHP (Codeigniter 3), so whenever I get them, sometimes there are too many and often very small and useless.  I've tried countless times to make a Vue filter or PHP code snippet to select only those image urls that have image size bigger than 150x150. PHP gets very slow and I wouldn't bother with it. The last thing I tried was with jquery:</p>
  
  <pre><code>Vue.filter('imagesize', (url) =&gt; {
    var tmpImg = new Image()
    tmpImg.src = url
    $(tmpImg).one('load', () =&gt; {
      if (tmpImg.width &gt; 150) { 
        return url
      }
    })
  })
  </code></pre>
  
  <p>First of all it doesn't work, but also loading 30 images would be slow as well for a filter. My question is: Can I <strong>scrape better</strong> these images with vue or any JS, then keep only the larger ones, or use some <strong>other filter</strong>, or maybe <strong>hide</strong> smaller ones <strong>after I render</strong> them ? Please any suggestions would be highly appreciated .</p>