2

我需要上传一个包含一些数据的文本文件，从我local filesystem的角度来说{{MEDIA_URL}}/uploadfolder。这个文件将由我认为的一个函数处理django。

我<input type="file" id="fselect" >在我的 html 页面中创建了一个。我创建了一个 javascript 文件，我尝试在其中调用上传函数，如下所示

 $(document).ready(function(){
      ...
      $('#fselect').change(function(){ 
         file=$('#fselect').get(0).files[0];
         uploadFile(file);
      }

});

当我使用萤火虫，并尝试

file=$('#fselect').get(0).files[0]

我能够获得 File 对象，它是使用输入元素选择的文本文件。如何使用这个 File 对象调用 django 视图？在 django 视图中，这个 File 对象是什么数据类型？

def storeAndProcessFile(request,file):
    pass
4

1 回答 1

10

在我进入任何 javascript 之前，首先您应该了解文件通常是如何使用 Django 上传和处理的。考虑以下 html 表单：

<form method="post" action="/foo/url/">
    <input type="file" name="foofile">
    <input type="submit" value="Upload">
</form>

因此，当用户单击提交按钮时，浏览器会将该文件上传到/foo/url/使用 HTTP 方法POST。然后在 Django 的服务器端，url/foo/url/将被映射到某个视图。在您的情况下，它将是storeAndProcessFile. 所以视图必须做的是获取上传的文件并将其存储到磁盘（或可能是其他一些存储系统）。

现在，视图不会像您在问题中显示的那样将文件作为其功能参数之一。这是因为 GET、POST 和 FILE 数据是如何在 HTTP 请求中传递的。所以文件实际上将是request视图内参数的一部分。您将能够通过 引用该文件request.FILES['foofile']。

要将文件存储到磁盘，您的视图可能类似于：

def storeAndProcessFile(request):
    # make sure the the request method is POST
    if request.method != 'POST':
        return HttpResponseBadRequest('Only POST requests are allowed')
    # now get the uploaded file
    file = request.FILES['foofile']
    # the file is going to be an instance of UploadedFile
    with open('/destination/path/%s' % file.name, 'wb+') as dest:
        for chunk in file.chunks():
            dest.write(chunk)
    # return success message
    return HttpResponse('File uploaded')

这段代码几乎来自 Django 文档。如果您想了解更多，可以在这里阅读。

至于 Javascript，有大量的 jQuery 插件可以使用 ajax 上传文件，甚至可以一次上传多个文件。我真的很喜欢这个图书馆。它具有许多功能，包括发送多个文件。但是，如果这太多了，您可以搜索 jQuery 文件上传插件，它们有很多，但我最近没有测试过任何其他插件，所以不能给出任何建议。

然而，在向 Django 站点发出 ajax 请求时需要记住一件事，即 CSRF。从 Django 1.2.5 开始，他们改变了 CSRF 的验证方式，这可能会破坏许多上传库。如果您不需要担心它，您可以随时添加csrf_exempt装饰器：

from django.views.decorators.csrf import csrf_exempt

@csrf_exempt
def storeAndProcessFile(request):
    ...

但是，如果您需要 CSRF，您可以在此处查看集成 jQuery 文件上传器和启用 CSRF 的示例实现。

于 2012-05-12T06:03:19.557 回答