从特定选择选项触发的 AJAX 上传答案

【问题标题】：AJAX upload triggered from a specific select option从特定选择选项触发的 AJAX 上传
【发布时间】：2011-06-01 23:04:19
【问题描述】：

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

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 在这种情况下似乎表现不佳。有人对如何使这项工作有任何建议吗？

【问题讨论】：

iframe 是否因为同源策略问题而无法工作？
不，上传脚本在我的其他页面上运行良好，而且所有内容都在同一个域中，所以我看不到 SOP 问题，除非我遗漏了什么。

标签： javascript jquery ajax upload ajax-upload

【解决方案1】：

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

【讨论】：