想在 django 中使用 ajax 将文件保存到数据库中答案

【问题标题】：Want save the file in to database using ajax in django想在 django 中使用 ajax 将文件保存到数据库中
【发布时间】：2014-12-18 18:46:33
【问题描述】：

我想在 django 中使用 ajax 将文件和注释保存在后端。对于文件，我遇到了麻烦。如何将文件发送到后端。我要查看的笔记但我无法发送文件以供查看。

<form class="horizontal-form" role="form" action="." method="post" enctype="multipart/form-data" id="nofilesforms"> 

<input type="file" name="image_file" id="image_file_data">
<textarea class="form-control notesdata" data-stylesheet-url="" name="notes"></textarea>
<button  class="btn btn-primary" id="filesandnotes" type="button">Submit</button>
</form>

$(document).on('click','#filesandnotes',function(){


                                var notes = $('.notesdata').val();
                                var path = $('input[type=file][name=image_file]').val();
                                alert(path);

                            var data = {

                                        notes:notes,
                                        path:path


                                        };

                                $.ajax({
                                    url:"/cbs/msw1/",
                                    type: "POST",
                                    data: data,
                                    success: function (response) {



                                                    },
                                        error: function () {
                                                        }
                                });
                            });

请任何人都可以指导我。非常感谢

【问题讨论】：

"我正在进入后端" 这到底是什么意思？此外，您应该提供有关您已经对代码进行的诊断的更多信息。否则，这是一个“寻找错误”的问题。

标签： jquery ajax django

【解决方案1】：

首先您必须绑定表单本身的submit 而不是click 事件，防止默认提交，获取文件数据（文件名、文件大小、blob 等）这里是link 到File API，文件输入也可以容纳多个文件，所以你必须循环Files 的数组。之后，您将 AJAX 请求发送到您的 Django 后端。并检查它并做任何你想做的事情。您也可以使用 JS 来检查您的表单，但始终检查后端！

【讨论】：

【解决方案2】：

你最好试试这个：

$('#nofilesforms').submit(function(event) { ... });

另外，您可能喜欢使用 jQuery 文件上传插件：https://github.com/blueimp/jQuery-File-Upload/wiki/Submit-files-asynchronously

【讨论】：