flask上传图片,flask上传图片并在页面展示

　　瓶实现图片上传

　　前端调用接口，进行访问：在射流研究…文件下，ajax去访问地址

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

　　$(#form-name ).提交（函数(){

　　$(这个)。ajaxSubmit({

　　#访问后端的接口

　　url:/house/images/，

　　#请求的方式

　　键入： 邮政:

　　#数据的类型

　　数据类型：json ，

　　#请求成功，进行的操作

　　成功：函数（数据){

　　if(data.code==200){

　　}

　　},

　　#请求失败进行相应的操作

　　错误：函数（数据){

　　警报(data.msg)

　　}

　　})烧瓶后台相应的接口

　　将图片放在静电文件夹下

　　image _ URL=OS。路径。加入(OS。路径。加入(/static ， upload )，图像。文件名)@ house _ blue print。route(/images/，methods=[ POST ])defnewhouse。图像():

　　#获得图片(图像：文件存储： wa。 jpg (图像/JPEG ))

　　图像=请求。文件。get( house _ image )

　　house _ id=请求。形式。get( house _ id )

　　#得到上传的路径

　　上传目录=操作系统。路径。加入(OS。路径。join(BASE _ DIR，静态)，上传)

　　#得到上传图片要保存的路径

　　# d : 项目 内部项目 静态 上传 wa。 jpg

　　url=os.path.join(上传目录，图像。文件名)

　　#保存图片

　　images.save(url)

　　豪斯图像=豪斯图像()

　　house _ image.house _ id=房屋标识

　　image _ URL=OS。路径。加入(OS。路径。join(/static ， upload )，images.filename)

　　房子_图片。URL=image _ urltry :

　　豪斯_image.add_update()

　　例外：

　　returnjsonify(状态代码.数据库_错误)

　　house=House.query.get(house_id)

　　如果不是豪斯。索引_图像_ URL :

　　豪斯。index _ image _ URL=image _ URL try :

　　house.add_update()

　　例外：

　　returnjsonify(状态代码.数据库_错误)

　　returnjsonify(code=status_code .好，图像url=图像url)

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。