bootstrap-fileinput提交多张图片时只post了一张

Question

<form method="POST" role="form" enctype="multipart/form-data">
    <div>
        {{ form.hidden_tag() }}
        <input id="file" type="file" multiple class="file" name="photo_url">
        </br>
        {{ form.submit(class="btn btn-success",type="submit") }}
    </div>
</form>

<script type="text/javascript">
    $(".file").fileinput({
        language : 'zh',
        uploadUrl: '/uploads', // you must set a valid URL here else you will get an error
        allowedFileExtensions : ['jpg', 'png','gif'],
        overwriteInitial: false,
        maxFileSize: 10240,
        showUpload: false,
        //allowedFileTypes: ['image', 'video', 'flash'],
        slugCallback: function(filename) {
            return filename.replace('(', '_').replace(']', '_');
        }
    });

files = request.files.getlist('photo_url')
            for file in files:
                filename = file.filename
                file.save('app/static/upload/wait/%s' % filename)

部分代码如上

如果用ctrl来选择多张图片，可以成功保存。
但是如果是一张一张的提交，那么最后按下按钮时，发现只会post一张，这是怎么回事？

Answer 1

自己解决了。
请用自带的按钮进行提交，然后在处理图片的路由中（我的是/uploads）记得返回一个json，例如：

return '{}',200

就这样。

Answer 2

我现在使用的bootstrap-fileinput这个插件问题和你的一样，请问要怎么解决