ホームページ >ウェブフロントエンド >jsチュートリアル >フロントエンドによってローカルにアップロードされた画像のサイズを取得する 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を持つタグは以下の通りです:
e6b3ecb563a3340b3f409790571560ec
学習しましたか?急いで試してみてください。
関連する推奨事項:
JavaScript で画像の実際のサイズを取得する方法の詳細な説明
サイズを取得するための JS メソッドを共有し、画像のプレビュー
以上がフロントエンドによってローカルにアップロードされた画像のサイズを取得する js メソッドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。