需求分析:
在做上傳圖片的時候,如果不限制上傳圖片大小,后果非常的嚴重。那么我們怎樣才可以解決一個棘手的問題呢?有兩種方式:
1)后臺處理: 也就是AJAX POST提交到后臺,把圖片上傳到服務器上,然后獲得該圖片大小做處理。
2)前臺處理: 也就是利用Javascript獲取該圖片大小。
顯然第一種方式,很不好。因為需要把文件先上傳到服務器上,如果文件很大的話,在加上網不是很快,需要等待好長時間,治標不治本。
功能解析:
在這里我只介紹IE與FireFox兩個瀏覽器的不同做法。
IE6:
關鍵字: fileSize onreadystatechange complete
在IE6中可以通過Img對象的fileSize 屬性獲得文件大小,但這個fileSize屬性的正確值是建立在onreadystatechange 事件的complete 中,也就是
<img src="" class="img" onreadystatechange="Javascript:sizeCheck(this);"> function sizeCheck(img) { if(img.readyState == "complete") { alert(img.fileSize); } }
FireFox3.0:
關鍵字: getAsDataURL() fileSize
在FireFox中處于安全的考慮,無法獲得上傳圖片的完整路徑,只能獲得圖片名稱。但瀏覽器提供nsIDOMFile亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb