<br />一部のWebサイトでアップロードする場合、「参照」ボタンをクリックすると[ファイルの選択]ダイアログボックスが表示されます。多くの場合、画像ファイルのみをアップロードする必要がありますが、ポップアップの [ファイルの選択] ダイアログボックスには関連する画像形式のファイルのみが表示され、他のすべての形式のファイルはフィルタリングされて表示されません。 たとえば、http://www.youku.com/v1.0.0326/v/swf/up.swf これは、FLASH 方式を使用してビデオ以外のファイルが表示されないようにする Youku のビデオアップロード オプションです。 この効果のFLASHは一般的にここで説明されている通りです flash.net.FileReferenceList をインポートします。 var fileRef:FileReferenceList = 新しい FileReferenceList(); var allTypes:配列 = []; var browse type:Object = new Object(); 閲覧タイプ.description = "閲覧タイプ (*.mp3)"; 参照 type.extension = "*.mp3"; allTypes.push(ブラウズタイプ); fileRef.browse(すべてのタイプ); では、Web ページの <input type="File"> に対して、ファイルの種類を制限するポップアップ ウィンドウを実装することもできますか? 現在の解決策は、監視を通じて、アップロードされたファイルの形式が正しくないことをユーザーに通知することです。 <スクリプト> 関数チェック(){ var ファイルパス = パス.値 ファイルパス=ファイルパス.substring(ファイルパス.lastIndexOf('.') 1,ファイルパス.length) if(ファイルパス != 'jpg' && ファイルパス != 'gif') alert("アップロードできるのは JPG または GIF 形式の画像のみです") } </スクリプト> <input type=file name=path onpropertychange="check()"> (アップロードできるのは JPG または GIF 形式の画像のみです) <スクリプト> 関数 ck(obj){if(obj.value.length>0){ var af="jpg、gif、png、zip、rar、txt、htm"; if(eval("with(obj.value)if(!/" af.split(",").join("|") "/ig.test(substring(lastIndexOf('.') 1,length)))1;")){alert("許可されるファイルの種類:\n" af);obj.createTextRange().execCommand('delete')}; }} </スクリプト> <フォーム> <input type=ファイル名=パス onpropertychange="ck(this)"/></form> しかし、この効果は明らかに FLASH のユーザー エクスペリエンスほど良くはありません。このようなFLASHアップロードには注意が必要です。 |
<<: Dockerが新しいイメージをロードした後にリポジトリとタグ名が両方ともnoneになる問題を解決する
>>: 4つのReactコンポーネントにおけるDOMスタイル設定の詳細な説明
ログイン認証にトークンを使用する考え方は次のとおりです。 1. 初めてログインする場合、フロントエン...
目次テーブルの目的例えばテーブル分割戦略すでにオンラインになっている実行中のテーブルはどうすればよい...
この記事では、ドラミング効果を実現するためのJavascriptの具体的なコードを参考までに紹介しま...
目次背景element-ui の自動構築はどのように機能しますか?メイクファイル新しい.jsファイル...
目次1. 配列の平坦化(配列の次元削減とも呼ばれる)方法1: 削減メソッドを使用する方法2: スタッ...
現在、DockerイメージのほとんどはDebianベースです # cat /etc/issue De...
js興味深いカウントダウンケース、参考までに、具体的な内容は次のとおりですコード: <!DO...
最近、センタリングの問題に数多く遭遇したので、後で簡単に見つけられるように、時間をかけてそれらを要約...
ステップ1: Djangoプロジェクトを作成するターミナルを開き、書き込みたいプロジェクトのアドレス...
目次スロットなしVue2.x スロットスロット付き名前付きスロットスロット属性なしスロットの簡単なサ...
この記事では、MySQL インデックス カバレッジについて例を挙げて説明します。ご参考までに、詳細は...
チャレンジ:文字列内の文字 &、<、>、" (二重引用符)、および &...
前回のブログ投稿では、レジストリのプライベート ウェアハウスについて説明しました。今日は、Harbo...
目次v-model 入力で双方向バインディングデータを使用するコンポーネント内の v-model他の...
Apollo オープンソース アドレス: https://github.com/ctripcorp/...