javascript - iframe文件上传和NoScript插件

Question

我有一个带有 ajax 文件上传的表单。 Javascript 使用表单创建 iframe，将带有文件的输入移动到表单中并提交表单。

这没有任何问题，但是 Firefox 中流行的 NoScript 插件认为它是 XSS，并将我的 POST 请求转换为 GET。所以它不起作用。有没有可能规避这个问题？

代码(使用 jQuery)

function add_input_file(div) {
  var input = $("<input>").attr("type", "file").attr("name", "file");
  input.appendTo(div);
  input.change(function() {
    $(this).off();
    var iframe = $("<iframe>");
    iframe.appendTo($("body"));
    iframe.load(function() {
      $(this).off();
      var input = $(this).data("input");
      var form = $("<form>").attr("method", "post").attr("action", "/send").attr("enctype", "multipart/form-data").attr("accept-charset", "UTF-8");
      form.appendTo($(this).contents().find("body"));
      input.appendTo(form);
      add_input_file($("#att"));
      form.submit();
    });
  });
}
$(function() {
  add_input_file($("#att"));
})

Answer 1

这不是代码修复，但我使用这个 jQuery form plugin做ajax上传。我测试了 sample安装 Firefox 和 NoScript 后，一切运行良好。

如果您不想使用自定义插件，请查看 source code看看它是如何完成的。