フロントエンドによってローカルにアップロードされた画像のサイズを取得する js メソッド

フロントエンドにアップロードされた画像のサイズを取得するにはどうすればよいですか?この記事では、js を使用してフロントエンドによってローカルにアップロードされた画像のサイズを取得する方法を簡単に説明します。

var MyTest = document.getElementById("upload_img").
files[0];var reader = new FileReader();
reader.readAsDataURL(MyTest);
reader.onload = function(theFile)
 {　
 　var image = new Image(); 
 　 image.src = theFile.target.result;  
 　   image.onload = function() 
 　   {   
 　   　 alert("图片的宽度为"+this.width+",长度为"+this.height);    };
};

このうち、「upload_img」というIDを持つタグは以下の通りです:

<input type="file" size="20" autocomplete="off" id="upload_img" name="Uploadfile">

学習しましたか？急いで試してみてください。

関連する推奨事項:

PHP_PHP チュートリアルで画像のサイズを変更する方法

JavaScript で画像の実際のサイズを取得する方法の詳細な説明

サイズを取得するための JS メソッドを共有し、画像のプレビュー

以上がフロントエンドによってローカルにアップロードされた画像のサイズを取得する js メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。