2016-05-20 14 views
1

私の目標は、ファイルを選択したときに自動的にフォルダに画像をアップロードすることで選択しました。アップロード画像は直後

<?php 
if(isset($_POST['upload'])) 
{ 
$ImageName = $_FILES['photo']['name']; 
$fileElementName = 'photo'; 
$path = '../images/'; 
$location = $path . $_FILES['photo']['name']; 
move_uploaded_file($_FILES['photo']['tmp_name'], $location); 
} 
?> 

<form method="post" enctype="multipart/form-data"> 
<input type="file" name="photo" onchange="document.getElementById('upload').submit();" id="file" class="inputfile" /> 
<label for="file">Add Image</label> 
<input type="submit" style="display: none;" name="upload" id="upload"> 
<input type="text"> 
<input type="submit"> 
</form> 

ファイルが選択され、それが自動的にフォルダにアップロードされていない:how do I auto-submit an upload form when a file is selectedに答えた後、私は自動的にフォームを送信するためのJavascriptのonchangeイベントを使用しようとしました。

注:フォームに複数の送信ボタンがあるので、onchange="form.submit()"は使用できません。

+0

document.getElementById('upload').click(); 

またはこのような何かを "表示:なし;" ID => "アップロード" = "アップロード" NAME? なぜないのまた、私が使って ''ニーズを提出し、ID =「アップロード」PHPは –

+0

をそれらを参照してくださいするために、あなたの入力に名前を付ける必要がある を'のdocument.getElementById( 'アップロード')' –

答えて

0

私はあなたが単純にそれを変えることができると思う:<入力タイプは、スタイル= "提出"

var button = document.getElementById('upload'); 
button.form.submit(); 
+0

'.submit()からのコードを更新しているようです;' '.clickに();'問題を解決しました。確かに感謝します。 –