次のコードは実行のためにローカルに保存する必要があり、実際の効果はオンラインでは確認できません。 Lance Zhang によるアップロード前に検証 ファイルの種類:gif、jpg、jpeg、png、bmp ファイルサイズ制限: K 画像の高さ制限: 画像の幅制限: 画像プレビュー [Ctrl A すべて選択 注: 外部 Js を導入する必要がある場合は、 を実行するために更新する必要があります] function CheckFileSize() { var limit = document.getElementById("fileSizeLimit").value * 1024; var width = document.getElementById("widthLimit").value ; var height = document.getElementById("heightLimit").value; if (oFileChecker.fileSize > limit) { alert("FileSize :"+oFileChecker.fileSize+"byte--too large!"); } else { alert("FileSize :"+oFileChecker.fileSize+"byte--ok"); } if( oFileChecker.height> height) { alert("ImageHeight :"+oFileChecker.height+"--too height!"); } else { alert("ImageHeight :"+oFileChecker.height+"--ok"); } if(oFileChecker.width> width) { alert("ImageWidth :"+oFileChecker.width+"--too width!"); } else { alert("ImageWidth :"+oFileChecker.width+"--ok"); } return false; } var right_type=new Array(".gif",".jpg",".jpeg",".png",".bmp"); var oFileChecker = document.getElementById("fileChecker"); function changeSrc(filePicker) { if(!checkImgType(filePicker.value)) { alert("the file type is not correct"); return; } oFileChecker.src = filePicker.value; } oFileChecker.onreadystatechange = function () { if (oFileChecker.readyState == "complete") { CheckFileSize(); } } function checkImgType(fileURL) { var right_typeLen=right_type.length; var imgUrl=fileURL.toLowerCase(); var postfixLen=imgUrl.length; var len4=imgUrl.substring(postfixLen-4,postfixLen); var len5=imgUrl.substring(postfixLen-5,postfixLen); for (i=0;i<right_typeLen;i++) { if((len4==right_type[i])||(len5==right_type[i])) { return true; } } }