jquery ajax 从教程上传多张照片答案

【问题标题】：jquery ajax mutliple photo upload from a tutorialjquery ajax 从教程上传多张照片
【发布时间】：2013-12-18 14:47:55
【问题描述】：

我正在为我创建的页面使用非常基本的 jquery ajax 照片上传。我使用与教程完全相同的代码，除了我做了一些稍后解释的修改。创建它的教程在这里： http://www.saaraan.com/2012/05/ajax-image-upload-with-progressbar-with-jquery-and-php

我遇到的问题是我正在尝试将脚本转换为允许在一个页面上进行多次上传。我已经有多个表单的页面设置，并且 php 操作已准备好接收多张照片，但对于 jquery 部分，我一无所知。它用 UploadForm 的 id 声明 myform，但由于我转换了它，我现在有了 UploadForm1、UploadForm2、UploadForm3 等的 id。

var myform          = $("#UploadForm");

我敢肯定，在 jquery 中有一种简短的方法可以做到这一点，但我能想出的唯一解决方案就是根据需要使用硬编码的 id 重复 jquery 函数多次。一旦有人告诉我如何修复 UploadForm id 问题，我就可以修复进度条、progressbox、statustxt 和 submitbutton id。

【问题讨论】：

请注意，如果您使用表单数据，那么使用此代码会遇到兼容性问题，因为并非所有浏览器都使用表单数据。你会更好地检测浏览器是否返回 false 如果不使用 formdata 则使用 iframe 上传文件

标签： javascript jquery ajax

【解决方案1】：

为每个人分配一个类并使用$('.ClassName') 引用该类。然后通过.each(function(){}) 浏览集合。

【讨论】：

好吧，原谅我的无知，但似乎 .each 的工作方式类似于 php 的 foreach 循环？
回答了我自己的问题。你把我引向了正确的方向，谢谢！
没问题。很高兴我能帮上忙。

【解决方案2】：

您可以允许每张照片在您的表单中都有一个输入元素，并且使用一点 JavaScript 您可以允许用户在表单中添加/删除行。本质上，您正在寻找多个文件上传。我发现了一些可能有帮助的东西：

How to upload multiple files using PHP, jQuery and AJAX

【讨论】：