jquery ajax从教程中上传多张照片

时间:2013-12-18 14:47:56

标签: javascript jquery ajax

我正在使用一个非常基本的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问题,我将能够修复进度条,进度框,statustxt和submitbutton id。

2 个答案:

答案 0 :(得分:2)

为每个类分配一个类,并使用$('.ClassName')引用该类。然后使用.each(function(){})完成收藏。

答案 1 :(得分:0)

您可以允许每张照片在表单中包含一个输入元素,使用一点JavaScript,您可以允许用户在表单中添加/删除行。基本上,您正在寻找多个文件上传。我发现了一些可能有用的东西:

How to upload multiple files using PHP, jQuery and AJAX