成都创新互联网站制作重庆分公司

flask实现多图上传的方法

这篇文章将为大家详细讲解有关flask实现多图上传的方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

公司主营业务:成都网站制作、成都做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出井陉矿免费做网站回馈大家。

flask实现图片上传

前端调用接口,进行访问:在js文件下,ajax去访问地址

注意:上面是一个需要提交内容的form,通常情况下,我们直接通过form提交的话, 提交后当前页面跳转到form的action所指向的页面。然而,很多时候我们比不希望提交表单后页面跳转,那么,我们就可以使用ajaxSubmit(obj)来提交数据。

$('#form-name').submit(function(){
    $(this).ajaxSubmit({
        # 访问后端的接口
        url:'/house/images/',
        # 请求的方式
        type:'POST',
        # 数据的类型
        dataType:'json',
        # 请求成功,进行的操作
        success:function(data){
            if (data.code == '200'){

            }   
        },
        # 请求失败进行相应的操作
        error:function(data){
            alert(data.msg)
        }  
   })

flask后台相应的接口

将图片放在static文件夹下

image_url = os.path.join(os.path.join('/static', 'upload'), images.filename)
@house_blueprint.route('/images/', methods=['POST']) def newhouse.images():
    # 获得图片(images:)
    images = request.files.get('house_image')
    house_id = request.form.get('house_id')
    # 得到upload的路径
    upload_dir = os.path.join(os.path.join(BASE_DIR,'static'), 'upload')
    # 得到上传图片要保存的路径
    # 'D:\\project\\houseproject\\static\\upload\\wa.jpg'
    url = os.path.join(upload_dir,images.filename)
    # 保存图片
    images.save(url)

    house_image = HouseImage()
    house_image.house_id = house_id
    image_url = os.path.join(os.path.join('/static', 'upload'), images.filename)
    house_image.url = image_url    try:
        house_image.add_update()
    except:
        return jsonify(status_code.DATABAE_ERROR)

    house = House.query.get(house_id)
    if not house.index_image_url:

        house.index_image_url = image_url        try:
            house.add_update()
        except:
            return jsonify(status_code.DATABAE_ERROR)
    return jsonify(code=status_code.OK, image_url=image_url)

关于flask实现多图上传的方法就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


网站名称:flask实现多图上传的方法
文章来源:http://cxhlcq.com/article/pppjhs.html

其他资讯

在线咨询

微信咨询

电话咨询

028-86922220(工作日)

18980820575(7×24)

提交需求

返回顶部