いくつかのWebサイトをアップロードすると、[ファイルを選択]のダイアログボックスが[参照]ボタンをクリックするとポップアップします。多くの場合、画像ファイルのみをアップロードする必要があるため、[ファイルを選択] [ファイルを選択]ダイアログボックスで、関連する画像形式のファイルのみが表示され、残りの形式ファイルがフィルタリングされ、表示されません。
たとえば、http://www.youku.com/v1.0.0326/v/swf/up.swf
これは、Youkuのビデオアップロード選択です。これは、Flashメソッドを使用して、Video以外のファイルを表示しないように達成されます。
この効果へのフラッシュは、一般的にここで説明されているとおりです
flash.net.filereferenceListをインポートします。
var fileref:filereferenceList = new filereferenceList();
var alltypes:array = [];
varブラウジングタイプ:object = new object();
browse type.description = browse type(*.mp3);
[Type.Extension = *.mp3を参照]
alltypes.push(眉型);
fileref.browse(alltypes);
そのため、Webページの<input type = file>は、ファイルタイプを制限するためにポップアップウィンドウも実装できますか?
ソリューションは、ファイルのアップロードの形式が監視を通じて間違っていることをユーザーに思い出させるだけです。
<スクリプト>
function check(){
var filepath = path.value
filepath = filepath.substring(filepath.lastindexof( '。')1、filepath.length)
if(filepath!= 'jpg' && filepath!= 'gif')
アラート(JPGまたはGIF形式の画像のみをアップロード)
}
</script>
<入力型=ファイル名= PATH ONPROPERTYCHANGE = CHECK()>(JPGまたはGIF形式の画像のみをアップロード)
<スクリプト>
function 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(rastindexof( '。')1、length))
}}
</script>
<form>
<入力タイプ=ファイル名= PATH ONPROPERTYCHANGE = CK(THIS)/> </form>
ただし、この効果は明らかにFlashのユーザーエクスペリエンスほど良くありません。このタイプのフラッシュアップロードに従う必要があります。