Django后台上传文件并预览

比眉伴天荒 2022-04-24 10:54 207阅读 0赞

关于如何创建和使用Django的后台，可以参照[详细介绍如何使用Django的后台管理Admin][Django_Admin]

### 1、上传文件 ###

在model.py文件中，定义一个类

class Logfile(models.Model):
        file = models.FileField(u'文件', upload_to='app/static', null=False, blank=False)
        file_name = models.CharField(u'文件名称', max_length=50, default='logfile_name', null=False)
        create_time = models.DateTimeField(u'创建时间', null=False)
        host_ip = models.CharField(u'主机IP', max_length=50, default='127.0.0.1', null=False)
        comment = models.CharField(u'备注说明', max_length=100, null=False)
        isanalyse = models.BooleanField(u'是否分析', default='0', null=False)

然后在admin.py文件，注册该类

from .models import *  # 记得导包
    
    @admin.register(Logfile)
    class BlogTypeLogfile(admin.ModelAdmin):
        # 每页显示为10条 
        list_per_page = 10    
        # 在后台页面显示的字段
        list_display = ('id', 'file', 'file_name', 'create_time', 'host_ip', 'comment', 'isanalyse')

菜单栏 Tools → Run [manage.py][] Task  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70]  
依次输入：

manage.py@tutorial02 > makemigrations
    ...
    manage.py@tutorial02 > migrate
    ...

再来创建一个超级用户，来登录Django管理的后台，输入下面命令，按照提示输入即可。

createsuperuser

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 1]  
创建好账号，我们就可以使用这个来登录了。

可以点击右上角的运行，也可以输入

runserver

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 2]  
打开浏览器在地址栏输入：[http://127.0.0.1:8000/admin][http_127.0.0.1_8000_admin]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 3]  
输入之前创建的账号和密码，就可以登录进来了。然后点击增加。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 4]  
选好一个文件，保存。  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 5]  
然后文件已经上传成功了，可以在项目目录下进行查看  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 6]  
项目目录的结构：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 7]

到这里，已经成功将文件上传了。注意：文件上传的位置和在定义 upload\_to=‘app/static’ 时，有关系。

### 2、访问上传的文件 ###

当我们在model.py中定义了字段为“models.FileField”的时候，可以成功上传，但是却无法访问，提示如下的信息，一直都找不到解决办法  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 8]  
然后被转向了如下的界面，还有警告信息。  
![在这里插入图片描述][20190423113712806.png]  
看一下文件的指向的链接。127.0.0.1:8000 代表的是 app目录，但是Django生成的url并不是我们想要的，而上传的文件在 app下的static下。所以考虑写一个方法，来重定向到正确的url。  
![在这里插入图片描述][20190423150227780.png]  
在views.py文件，编写方法：

from django.shortcuts import redirect
    
    def get_logfile(request):
        # 进行字符串切割，取文件的名字。 -1参数代表 数组的最后一个
        filename = request.path.split('/')[-1]
        return redirect('http://127.0.0.1:8000/static' + '/' + filename)

在项目目录下的urls.py文件，这是项目的 根路由文件，添加下面路由：

from app import views
    
    urlpatterns = [
        url('admin/', admin.site.urls),
        url(r'admin/app/logfile/app', views.get_logfile), # 配置后台管理界面下的 文件
    ]

配置好后，重启服务器，再来访问。任何文件类型都可以上传或访问了。  
![在这里插入图片描述][20190423151448667.gif]

[Django_Admin]: https://blog.csdn.net/weixin_41790086/article/details/80726585
[manage.py]: http://manage.py
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70]: /images/20220216/e109ec48416044c3970db36c458a47b3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 1]: /images/20220216/d849d0e579e64919903b5dd323aea678.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 2]: /images/20220216/80fc3b028fc04f4ba005b01296d6c09a.png
[http_127.0.0.1_8000_admin]: http://127.0.0.1:8000/admin
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 3]: /images/20220216/041e0cc18c0d48ec809d965f7db9dc8e.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 4]: /images/20220216/a1b78b4e4374463087d3f71a2fec68aa.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 5]: /images/20220216/663aec3f59b04c689ddfdfa3a35ecc66.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 6]: /images/20220216/8fd8dea458bc43acba7ac12a88f648d3.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 7]: /images/20220216/ce10e5690a9a4452a4fd285e52fbc284.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L1RpbmtfYmVsbA_size_16_color_FFFFFF_t_70 8]: /images/20220216/a94d27f54105461a9119364bfdc4104c.png
[20190423113712806.png]: /images/20220216/a3b05610e46f4e0faff2576559cacd02.png
[20190423150227780.png]: /images/20220216/65bbfea186644e86b7dd44db2388fd53.png
[20190423151448667.gif]: /images/20220216/b2c534ba2ed545d1aa10366e89f06741.png