Blobstore使用javascript上傳

Question

這是爲了在Blobstore中上傳upload_url中的文件而使用HTML的最小聲明。這個解決方案需要點擊提交按鈕才能提交內容並重定向。我如何使用JavaScript或jQuery在後臺執行該文章而不會丟失enctype？

<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>