ホームページ > ウェブフロントエンド > jsチュートリアル > JS が画像をアップロードする前の制限には、(jpg、jpg、gif、サイズ、高さ、幅) などが含まれます。

JS が画像をアップロードする前の制限には、(jpg、jpg、gif、サイズ、高さ、幅) などが含まれます。

WBOY
リリース: 2016-05-16 17:46:08
オリジナル
2016 人が閲覧しました
機能:
1. 拡張子を制限: jpg || jpg と gif のみ
2. 画像のサイズを K 単位で制限
3. 画像の幅と高さを単位で制限両方または両方とも)
4. 破損した画像を制限する (プレビューのない画像)
5. 拡張子を変更した画像を制限する (動的 GIF 拡張子を JPG に強制するなど)
使用制限 :
InputFile に onchange イベントを追加して、ファイルを選択した後に img タグにロードできるようにします。そうしないと、使用方法が間違ってしまいます。
imglimit.js
コードをコピー コードは次のとおりです:

function limitImg(){
var img=document. getElementById(arguments[0]);//画像を表示するオブジェクト
var maxSize=arguments[1];//
varallowGIF=arguments[2]||false;
var maxWidth=arguments[3 ]||0; maxHeight=arguments[4]||0;
var postfix=getPostfix(img.src);
if(allowGIF) {str =".gif"}
if(str.indexOf(postfix.toLowerCase())==-1){
if(allowGIF){return "画像形式が間違っています。アップロードできるのは jpg または gif 画像のみです。 ";}else{return "画像形式が間違っています。アップロードできるのは jpg 画像のみです。";}
}else if(img.fileSize>maxSize*1024){
return "画像サイズが制限を超えています。" maxSize に制限してください"K 以内";
}else{
if(img.fileSize==-1){
return "画像の形式が間違っています。破損しているか、拡張子が変更されている可能性があります。別の形式を選択してくださいpic. ";
}else{
if(maxWidth>0){
if(img.width>maxWidth){
return "画像の幅が制限を超えています。" maxWidth 以内にしてください" ピクセル";
}else{
if(img.height>maxHeight){
return "画像の高さが制限を超えています。" maxHeight "ピクセル以内にしてください。"
}else{
return "" ;
}
}
}else{
return ""
}
}
}
;パスに基づくファイル拡張子
function getPostfix(path){
return path.substring(path.lastIndexOf("."),path.length);


ページ呼び出し:



コードをコピー
コードは次のとおりです。 🎜> ;input type="button" onclick="aa ()" value="Upload" />
--
function aa(){
if(limitImg('img1',100,false,1000,100)==""){
alert("画像は正常にアップロードされました"); }else{
alert(limitImg(' img1',100,false,1000,100))
}
}
// -->
>
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート