javascript - 使用 javascript 上传 Blobstore

Question

这是 HTML 的最小声明，以便在upload_url. 此解决方案需要点击提交按钮才能提交并重定向内容。如何在不丢失 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 插件允许您在后台使用 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>