コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 本文

画像アップロード判定とプレビュースクリプト効果例_JavaScriptスキル

WBOY
リリース： 2016-05-16 17:26:35
オリジナル
927 人が閲覧しました
コードをコピー コードは次のとおりです:



-130px;cursor:pointer;" />
var $$ = function(id) {
return "string" == typeof id document.getElementById(id) : id;
};
/*
画像検証
*/
//アップロードされた画像形式を検証
function checkload(ele) {
var obj = $$("FileUploadImg" );
var fileContentType = obj.value.match(/^(.*)(.)(.{1,8})$/)[3]; //このファイル タイプの正規表現は非常に便利です:) if（filecontenttype == 'gif' || filecontenttype == 'jpeg' || filecontenttype == 'png' || filecontenttype == 'jpg'）{
} else {
alert（ 'the the the the the the theアップロードされたファイルの形式が間違っています!'); function checkFileSize(ele) {
var maxSize = 100 * 1024;
//ie
if (window.navigator.userAgent.indexOf("MSIE") >= 1) {
var fso ;
try {
fso = new ActiveXObject('Scripting.FileSystemObject');
var file = fso.GetFile(ele.value);
//alert(file.Size);
}
//firefox
else if (window.navigator.userAgent.indexOf("Firefox") >= 1) {
//アラート(ele.files[0].fileSize);
return ele.files[0].fileSize < maxSize;
}
return false;
}
//プレビュー画像をロード
functionreviewImage(ele) {
if (ele && Inspectionload(ele)) {
var imgDiv = $$("imgbox");
imgDiv.innerHTML = "";
imgDiv. style.width = "100px";
imgDiv.style .height = "125px"; Microsoft.AlphaImageLoader(sizingMethod =scale)";
ウィンドウ。navigator.userAgent.indexOf("Firefox") >= 1 ) {
imgDiv.innerHTML = "";
} else {
imgDiv.innerHTML = "IE/Firefox ブラウザ 画像プレビューのみサポート ";
}
} else {
$$("FileUploadImg").value = ""; "";
//alert('アップロード制御をリセット' );
}
}

関連ラベル：
アップロード 写真 プレビュー
ソース：php.cn
前の記事：Flash は js でメソッドを呼び出し、js が変数を flash に渡せるようにします。メソッドと idea_javascript スキル。 次の記事：js実装 input type="file" ファイルアップロードサンプルコード_javascriptスキル
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1335
単語と一致する正規表現 新しいジョブ名をデータベース内の既存のジョブ名と照合しようとするスクリプトがあります。 SELECTa.titleASJobTitle,j.DescriptionASMatched...
から 2024-04-06 21:24:04
0
1
606
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
グリッドを使用してこの特定のデザインを作成する: ステップバイステップ ガイド この画像に似たレイアウトを作成しようとしています。このグリッドを使用してみましたが、実現できません。 <ulclass="container">&l...
から 2024-04-06 20:29:08
0
2
492
モバイル ビューで、ユーザーがリンクをクリックしたときにこのナビゲーション バーを閉じるにはどうすればよいですか? ユーザーがリンクをクリックして Web サイトを閲覧すると、ナビゲーション バーが閉じませんか?ナビゲーション バーを閉じるために、クリック イベント リスナーを各リンクに追加しよ...
から 2024-04-06 19:23:03
0
1
411
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート