2011-06-22 11 views
2

ユーザーはHTMLファイルの入力タグを使用してアップロードするファイルを選択し、送信ボタンをクリックして特定の場所にファイルをアップロードまたは保存しました。私はファイル名、ファイルパスなどをPHP($ _FILES ['file'] ['name'])を使って得ることができると知っていましたが、アップロードされたファイルの名前を知る方法があります完全なパス)を使用してjavascript?出来ますか?はいの場合は、これを行うことができますか?HTMLファイルにアップロードされたばかりのファイルの名前を取得する入力タイプ

ありがとうございます!

答えて

2

ことが可能です:

<html><body> 
<form onsubmit="alert(document.getElementById('up_file').value);"> 
<input type='file' id='up_file' /> 
<input type='submit' value='Submit' /> 
</form> 
</body></html> 
+0

こっちprblmの溶液...リルビット用のおかげheximal。 FFでこのコードを使用すると、画像の名前はうまく表示されますが、クロムを使用すると「C:\ fakepath \ sunset.jpg」と表示されます。 – samach

+0

実際には常にファイルへのフルパスを表示する必要があります。あなたはファイル名を抽出することができます。 document.getElementById( 'up_file')。value.replace(/^.*\\/、 '') – heximal

+0

確かに、私はそれをブラウザと互換性を持たせたいのであれば、抽出をしなければならないと思います... .i wudはファイル名を抽出します。 JavaScriptのブラウザ名を見つける方法はありますか? – samach

1

私はこれが役立つことができると思う、それはアップロードファイルを受け取り、名前を示しています。

のdocument.getElementById( 'アップロード')のonchange = uploadOnChangeを。

関数uploadOnChange(){

var filename = this.value; 
var lastIndex = filename.lastIndexOf("\\"); 
if (lastIndex >= 0) { 
    filename = filename.substring(lastIndex + 1); 
} 
document.getElementById('filename').value = filename; 

}

http://jsfiddle.net/pxfunc/WWNnV/4/

関連する問題