javascriptで画像を取り扱う際の注意
2024/01/12
javascriptで画像を取り扱う際に、
ちゃんと要素を指定しているのにも関わらず、
undefinedになることが多く、なんでやろ？ と
なったのでメモ。
結論としては、画像を読み込む前にjavascriptで
操作は出来ない。考えると当然だけどはまって
しまったので注意。
■例
<script>
//画像読み込み前なのでundefined
document.images["image_name"].style.display = 'none';
</script>
<img src="test.jpg" name="image_name">
<script>
//画像読み込み後なのでOK
document.images["image_name"].style.display = 'none';
</script>
または、
<script>
function test(){
document.image_name.style.display = 'none';
}
</scirpt>
<image src="test.jpg" name="image_name">
みたいにしておけば、大丈夫。
関連記事
-
-
スマホでフォームの画像アップロード部分でカメラを起動させる方法
formの画像アップロード部分で、スマホの場合にカメラで撮影させたい。以下に対応 ...
-
-
PHPで画像にモザイクをかけて保存
やりたかった事はPHPで ・モザイク処理 ・元の画像とは別にファイル名をつけて保 ...
-
-
FileReader APIを用いて画像をアップロードせずにサムネイル表示
以前にFile APIを用いてファイル名やサイズ、形式(拡張子)を取得するメモを ...
-
-
PHPで画像アップロード、リサイズ、形式変換(jpg->webp等)はclass.upload.phpが便利
今までPHPで画像関連の処理を行う場合、リサイズの時のみsmart_resize ...
-
-
jQueryで画像(
タグ内)のsrc情報を取得する場合
すぐに出てこなかったのでメモ。 $('#test').attr('src'); ...