2 回答

TA貢獻(xiàn)1993條經(jīng)驗(yàn) 獲得超6個(gè)贊
您不需要 FileReader,您可以通過(guò) 設(shè)置圖像的來(lái)源window.URL.createObjectURL
。
我不確定為什么你的代碼不起作用,但我重構(gòu)了這個(gè)解決方案
我還添加了一個(gè)指令來(lái)使用文件輸入ng-change
;) 這就是 Angular 方式!

TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超7個(gè)贊
您應(yīng)該在選擇圖像文件時(shí)進(jìn)行驗(yàn)證。
我假設(shè)你有一個(gè)“文件”元素:
$('input[type="file"]').change(function(e){
let imgfile = new Image()
imgfile.src = window.URL.createObjectURL(e.target.files[0])
imgfile.onload = () => {
imgWidth = imgfile.width;
imgHeight = imgfile.height;
}
});
在此之后,您將擁有 imgWidth 和 imgHeight 變量,因此您可以根據(jù)需要驗(yàn)證它們,禁用上傳按鈕,例如,如果圖像大小不符合您的需要等。
添加回答
舉報(bào)