Html PHP Ajax画像アップロード

Question

私はマルチ画像アップロードで小さな問題があります。私は複数の写真を選択すると素晴らしい作品が、私は3枚の写真をアップロードし、別の1をアップロードする場合は、最後のピキュラがかかるだけです。例

については、私は私が新しい画像を選択すると、配列な長さが4であることをことを望む別の1

、3初期画面と（数例を与える）新しいものをアップロードした後、しかし、私はどのように知っている、あなたは私にいくつかの情報/ドキュメントを与えることができます。コード

<div> 
      <label for="image">Add Picture</label> 
      <input type="file" id="upload_file" name="upload_file[]" onchange="preview_image();" multiple/> 

    </div> 

    <div class="image_preview" id="image_preview"></div> 


<div> 

とJavaScript

<script> 
$(document).ready(function() 
{ 
$('form').ajaxForm(function() 
{ 
    alert("Uploaded SuccessFully"); 
}); 
}); 

function preview_image() 
{ 
var total_file=document.getElementById("upload_file").files.length; 
for(var i=0;i<total_file;i++) 
{ 

    $('#image_preview').append("<img src='"+URL.createObjectURL(event.target.files[i])+"'>"); 
} 
} 
</script> 

Answer 1

は、それはあなたのコードの問題ではありません。ファイルを参照してアップロードするファイルを選択し、「OK」をクリックすると、この入力フィールドは古い値を削除します。