首頁猿問如何等到 image.src 在...

如何等到 image.src 在 image.onload 事件函數(shù)中設(shè)置？

JavaScript

眼眸繁星 2023-06-15 15:59:34

在我的新 image() 對象的瀏覽器 javascript 中，對于 onload 事件，我首先在用戶選擇圖像文件后設(shè)置 image.src ；然后讀取圖像對象的大小。但似乎讀取發(fā)生在正確設(shè)置 src 之前。我碰巧找到了兩次調(diào)用該函數(shù)的修復(fù)方法。但是這個解決方案似乎是一個非常糟糕的主意。請讓我知道如何以標(biāo)準(zhǔn)方式修復(fù)它。我的環(huán)境接受打字稿。var imgLoaded=false; var file = document.getElementById("fileInput").files[0]; for(let i=0;i<2;i++){ call2(file); } function call2(file) { var reader = new FileReader(); reader.readAsDataURL(file); reader.onload = function () { if(!imgLoaded){ imgLoaded=true; img.src=(reader.result).toString();} else{ console.log(img.width); }}

查看完整描述

3 回答

慕后森

TA貢獻(xiàn)1802條經(jīng)驗獲得超5個贊

在一種方式中，您可以替換 file = document.getElementById("fileInput").files[0];為file = event.target.files[0] 并在 call2 中使用它，您還應(yīng)該將事件傳遞給 call2

例如：在 html 中： <input type="file" onchange="call2(event)" />，然后在 js 中function call2(e){let file = e.target.files[0] ... }

反對回復(fù) 2023-06-15

阿波羅的戰(zhàn)車

TA貢獻(xiàn)1862條經(jīng)驗獲得超6個贊

await (img.src= await (reader.result).toString())

也可以。無需調(diào)用控制臺。

反對回復(fù) 2023-06-15

慕碼人2483693

TA貢獻(xiàn)1860條經(jīng)驗獲得超9個贊

我自己至少找到了一個更好的解決方案。雖然我不知道這是否是一個標(biāo)準(zhǔn)。

var file = document.getElementById("fileInput").files[0];

call2(file);

function call2(file) {

var reader = new FileReader();

reader.readAsDataURL(file);

reader.onload =async function () {

img.src= await (reader.result).toString();

console.log(await img.width);

}}

反對回復(fù) 2023-06-15

3 回答
0 關(guān)注
176 瀏覽

關(guān)注

添加回答

舉報

0/150

提交

取消

使用 Ctrl+D 可將網(wǎng)站添加到書簽

微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

如何等到 image.src 在 image.onload 事件函數(shù)中設(shè)置？

如何等到 image.src 在 image.onload 事件函數(shù)中設(shè)置？

3 回答

添加回答

如何等到 image.src 在 image.onload 事件函數(shù)中設(shè)置？

如何等到 image.src 在 image.onload 事件函數(shù)中設(shè)置？