Tag: jquery file upload

如何使用PHP,jQuery和AJAX上传多个文件

我devise了一个简单的表单,允许用户将file upload到服务器。 最初,表单包含一个“浏览”button。 如果用户想要上传多个文件,他需要点击“添加更多文件”button,在表格中添加另一个“浏览”button。 提交表单时,file upload过程在“upload.php”文件中处理。 它可以很好地上传多个文件。 现在我需要通过使用jQuery的'.submit()'提交表单,并发送一个ajax ['.ajax()']请求到'upload.php'文件来处理file upload。 这是我的HTML表单: <form enctype="multipart/form-data" action="upload.php" method="post"> <input name="file[]" type="file" /> <button class="add_more">Add More Files</button> <input type="button" id="upload" value="Upload File" /> </form> 这里是JavaScript: $(document).ready(function(){ $('.add_more').click(function(e){ e.preventDefault(); $(this).before("<input name='file[]' type='file' />"); }); }); 这里是处理file upload的代码: for($i=0; $i<count($_FILES['file']['name']); $i++){ $target_path = "uploads/"; $ext = explode('.', basename( $_FILES['file']['name'][$i])); $target_path = […]