从特定选择选项触发AJAX上载

Question

我希望在我的布局页面中添加一个选项，以便人们可以即时上传新徽标。目前，用户可以通过下拉选择元素选择他们想要的图像。我想在最后添加一个选项，允许他们上传新图像。然后，我将使用新添加的内容刷新图像选择元素。

HTML示例：

<select name='image_select' id='image_select_id' class='input_select' title='Select Image 1'>
  <option value='0' selected = 'selected'>--Select Logo--</option>
  <option value='test.jpg'>test.jpg</option>
  <option value='test2.jpg'>test2.jpg</option>
  <option value='add' class='upload_option'>Add new image...</option>
</select>

我正在使用AJAXUpload进行其他上传功能，但iFrame似乎在这个实例中并不好用。有没有人对如何使这项工作有任何建议？

Answer 1

以AJAX方式上传图像的唯一方法是通过iframe。如果我不得不建议我会这样做。用户选择添加新图像。 onselect函数检测到这一点，并在下面的html框中显示一个表单。您将该表单的“目标”设置为iframe的ID。在表单上还有一个onSubmit命令。用户点击提交，文件通过iframe发送，然后您可以使用onSubmit标记让您的javascript拉出加载栏或者您想要的任何内容。