django处理动态发布多条图片url的处理

最新推荐文章于 2024-01-23 10:00:00 发布

原创最新推荐文章于 2024-01-23 10:00:00 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#django #python #js

django过程记录专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种在Django应用中实现多图上传的方法，通过将图片URL以JSON数组形式存储并使用自定义过滤器读取。文章提供了前端JS代码示例及后端处理逻辑。

关于动态发布图片包含多张图片的处理，后端是django

对于一组图片url处理有个方法。一个动态不是带很多张图片么，数据库那边如果用urlfield只能存一个url，所以我把一组url存成js数组，再用json传进去，存到charfiled里面，读取的时候，要做个处理，用自定义过滤器，先把json转成python列表，这样模板语言就能for循环调用了

js代码部分

    $('#submit').click(function () {
        var src =[];
        var length = $('.upload-pic').length;
        for (var i=0;i<length;i++){
            src[i]=$('.upload-pic').eq(i).attr('src');//获取图片的src
        }//存取为列表
        console.log(src);
        var content = $('#text-submit').val();
        var json_src = JSON.stringify(src);//转换为json格式
        $.ajax({
            url:'/ajax/submit_content/',
            type:'POST',
            contentType:'application/x-www-form-urlencoded',
            data:{'content':content,
                'src':json_src
            },
            tranditional:true,
            success:function (data,status) {
                $('.upload-pic').parent().remove();
                $('#img-wrap').hide();
                $('#text-submit').val('');//清空表单和上传图片区域
            }
        });
    });

后端部分

@login_required()
def submit_content(request):
    content = request.POST.get('content',None)
    src = request.POST.get('src',None)#读取json格式的src
    Content.objects.create(user=request.user,
                           content=content,
                           type='dongtai',
                           publish_date=datetime.datetime.now(),
                           alter_date=datetime.datetime.now(),
                           image= src,
                           )
    return HttpResponse('bingo')