javascript - 无需重定向的jquery文件上传

Question

我知道我无法使用 jquery 上传文件，所以我想出了这个解决方案:

    var ifframe = $("<iframe></iframe>");
    var input = $('<input type="file" id="file" name="file" size="10"/>');
    var form = $('<form action="/upload" method="post" enctype="multipart/form-data"></form> ');
    form.append(input);
    ifframe.append(form);
    input.change(function(){
        form.submit();
    }
    );
    input.trigger("click");

基本上，我尝试在 iframe 中创建一个表单，然后触发对文件字段的单击，以便为用户提供一个窗口，他可以在其中选择图像。然后表单会自动提交并且主页不会被重定向，因为表单位于 iframe 中。问题是主页确实被重定向了。有人可以帮我吗？

Answer 1

其实JQ可以提交一个表单w。异步附件。看看这个例子。比 iframe 方法好得多。

 $("#addProductForm").submit(function (event) {
    event.preventDefault();
    //grab all form data  
    var formData = $(this).serialize();

 $.ajax({
        url: 'addProduct.php',
        type: 'POST',
        data: formData,
        async: false,
        cache: false,
        contentType: false,
        processData: false,
        success: function (returndata) {
        $("#productFormOutput").html(returndata);
        alert(formData);
        },
        error: function(){
            alert("error in ajax form submission");
            }
    });

    return false;
    });