javascript - jquery ajax多张照片上传教程

Question

我正在为我创建的页面使用非常基本的 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 中有一个很短的方法可以做到这一点，但我能想出的唯一解决方案就是根据需要多次重复 jquery 函数，并使用硬编码的 id。一旦有人向我展示了如何修复 UploadForm id 问题，我就能够修复进度条、进度框、statustxt 和提交按钮 id。

Answer 1

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