Django文件上传访问+静态资源配置

1.实体类模型参考
https://blog.csdn.net/weixin_43667990/article/details/104176707

2.项目目录下创建media文件夹，用于存放上传的文件
配置 settings.py：关于静态资源和主题的配置

# 文件上传时的保存路径
MEDIA_ROOT = os.path.join(BASE_DIR, 'media').replace('\\', '/')
# 访问上传文件的起始路径
MEDIA_URL = '/media/'

THEME = 'default'    # 通过修改THEME启用不同的前端模板和静态资源

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [os.path.join(BASE_DIR, 'themes', THEME, 'templates')],    # Django会首先去此目录查找模板，找不到时再去各APP下查找
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

# 静态资源访问的起始路径
STATIC_URL = '/static/'
# 指定静态资源所在的目录
STATICFILES_DIRS = [
	os.path.join(BASE_DIR, 'themes', THEME, 'static'),
	]
# 设置收集静态资源的路径(部署时使用)
STATIC_ROOT = '/home/tarena/PycharmProjects/project/FCL/front/static'

3.设置主路由 urls.py,添加相关的映射

from django.conf import settings
from django.conf.urls.static import static

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^test/', include('mytest.urls')),
    url(r'^',include('main.urls')),
]+ static(settings.MEDIA_URL, document_root=settings.MEDIA_ROOT)

4.服务端处理文件的上传和查询

@login_required
def upload_(request):
    if request.method == 'POST':
        file = File()
        file.user = request.user
        file.file = request.FILES.get('image')
        file.upload_time = datetime.now()
        file.save()
        return HttpResponse('上传成功')

def query_file(request):
    if request.is_ajax():
    	# 获取用户对象
        user = request.user
        files = File.objects.filter(user=user)
        return render(request,'file_table.html',locals())

5.模板渲染
{{ forloop.counter }} for循环次数，从1开始
{{ forloop.counter0 }} for循环次数，从0开始
资源路径：src="/media/{{ file.file }}"

<table border="1px">
    <tr>
        <th>序号</th>
        <th>路径</th>
        <th>名称</th>
        <th>长传时间</th>
        <th>上传者</th>
    </tr>
    {% for file in files %}
    <tr>
        <td>{{ forloop.counter }}</td>
        <td>{{ file.file }}</td>
        <td><img src="/media/{{ file.file }}" width="100px"></td>
        <td>{{ file.upload_time }}</td>
        <td>{{ file.user.name }}</td>
    </tr>
    {% endfor %}
</table>

6.前端查询处理

<p><button onclick="do_query()">查询</button></p>

<div id='show'>

</div>

<script>
    function do_query() {
        $.get('/test/query_file/',function (resp) {
            $('#show').append(resp)
        },'html')
    }
</script>