文件上傳前的javascript圖像寬度

Question

var f = this.files[0];  
var _URL = window.URL || window.webkitURL; 
var file, img; 

if((file = f)){ 
    img = new Image(); 

    img.onload = function(){ 
     var imgW = this.width; 
     //alert(imgW); WORKING 
    }; 
    img.src = _URL.createObjectURL(file); 
} 

if(imgW <100){alert('image is too small');}//NOT WORKING 

我試圖在文件上傳前獲取圖像寬度。

我的問題是，當我把變種img.onload = function之外，我得到取消定義imgW

我需要的是商店這個變量，任何人都知道在哪裏的問題？

我有嘗試

var imgW; 

if(file = f){ 
... 
    imgW = this.width; 
} 

alert(imgW); 

但它不是工作壓力太大

Answer 1

你不能單獨使用JavaScript，而無需加載圖像的圖像的寬度。

看來你正在尋找的是圖像的自然高度和寬度。

Get original dimensions of resized html image element

Answer 2

HTML5提供了文件API包括的FileReader接口，允許本地文件讀取，然後再上傳。例如，請參閱here。