javascript - 使用 JavaScript 上传 Blobstore

Question

这是 HTML 的最小声明，以便在 upload_url 中上传 Blobstore 中的文件。此解决方案需要单击提交按钮才能提交内容并进行重定向。如何在不丢失 enctype 的情况下使用 javascript 或 jQuery 在后台发布帖子？

<form id="upload_file" action="{{upload_url}}" enctype="multipart/form-data" method="post">
    <input type="file" name="file">
    <input type="submit" name="submit" value="Submit">
</form>

Answer 1

jQuery Form plugin允许您使用 Ajax 在后台提交多部分表单。

例子:

$('#upload_file').submit(function() { 
    var options = { 
        clearForm: true        // clear all form fields after successful submit 
    }; 
    $(this).ajaxSubmit(options);
    return false; 
});

$('[name=submit]').click(function(){
    $('#upload_file').submit();        
});

默默地完成这项工作需要您将“提交”输入替换为“按钮”输入:

<form id="upload_file" action="{{upload_url}}" enctype="multipart/form-data" method="post">
        <input type="file" name="file">
        <input type="button" name="submit" value="Submit">
</form>