flask—本地图片，视频上传

flask本地图片上传：
大体思想：flask接收到前端传来的图片（不仅仅是图片，还可以是视频，pdf等）,然后生成唯一标识存入后端(static/file下)，再配置成对应外网访问的连接，返回对应链接，前端接收，然后通过img，vedio标签展示

from flask import Flask, jsonify
from werkzeug.utils import secure_filename
from flask import request
import os
from datetime import datetime
import random
# 路径配置
basedir = os.path.abspath(os.path.dirname(__file__))app = Flask(__name__)# 上传图潘test接口
@app.route("/upload", methods=["POST"])
def upload():# 获取文件列表f = request.files.get('file')# 返回文件列表refile = []# 获取安全文件名filename = secure_filename(f.filename)# 生成随机数randomNum = random.randint(0, 100)# 生成文件名,以及保存文件filename = datetime.now().strftime("%Y%m%d%H%M%S") + "_" + str(randomNum) + '.' + filename.rsplit('.',1)[1]file_path = basedir + '/static/file/' + filenamef.save(file_path)# 配置成对应外网访问的连接my_host = "http://127.0.0.1:5000"new_path_file = my_host + '/static/file/' + filenamerefile.append(new_path_file)data = {"msg":"success","url":refile}payload = jsonify(data)return payload,200if __name__ == "__main__":app.run(debug=True)

操作如下：

postman发送请求
前端展示：

由于写起来的话稍微有点复杂，这里的重点是img或vedio根据链接展示

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><title>Flask上传图片演示</title></head><body><h1>使用Flask上传本地文件</h1><img src="http://127.0.0.1:5000/static/file/20210318170712_77.jpg" style="width: 30%;"><video src="http://127.0.0.1:5000/static/file/20210318185409_99.mp4" style="width: 30%;" controls="controls" autoplay="autoplay">您的浏览器不支持 video 标签。</video></body>
</html>

Flask小白，望大佬指点

flask—本地图片，视频上传相关推荐

wangeditor自定义图片视频上传
wangeditor自定义图片视频上传完整代码 <template><div style="border: 1px solid #ccc;height: 100%;&qu ...
uni-app——小程序实现本地图片的上传以及身份证的智能识别
文章目录前言一.示例图二.实现过程 1.完成提交图片的api地址 2.获取本地图片 3.将本地图片上传至开发者服务器三.具体实现代码四.身份证的智能识别总结前言上传本地图片的功能很常见 ...
Flask实现图片的上传、下载及展示
用Flask处理图片非常容易,这一篇学习一下图片的上传.下载及展示.还是以实例代码演示为主. 首先,实现一个简单的上传(过程中未做任何处理,只是为了演示) 点击选择图片,输入李四: HTML代码: & ...
uniapp做小程序的图片(视频)上传的组件封装
最近在做小程序,最后想试试新不同的技术,所以选择了用uniapp做小程序. 要求实现多张图片的上传 ,可以限制图片上传的数量,图片预览,多次使用对图片的上传顺序排序 <template>& ...
summernote禁止图片视频上传
默认的summernote是允许图片上传和视频上传的,有一些业务上,并不需要图片上传和视频上传,只是文字相关的处理. 给summernote设置toolbar即可. $('.summernote'). ...
java 将本地图片批量上传到oss服务
上段时间在后台搞了一个图片上传的功能,但是由于项目上传的图片量过大,如果用后台上传效率较慢,所以搞了一个程序直接从把本地的图片上传的oss. import com.alibaba.fastjson.J ...
解决input file上传图片，部分手机拍照或者本地图片无法上传（图片太大，需要上传之前先压缩）
现在一般手机拍的照片都好几兆,图片文件太大会非常影响上传速度或者根本上传不上去,故上传图片前需要先进行压缩,这里使用的是lrz.js(lrz.js文件这里就不提供了) <input type=& ...
html七牛云图片文件上传,使用Js将文件图片视频上传到七牛云详细教程-Fun言
前言因为项目需要,需要将一些较大文件上传到七牛云,以前都是通过数据流上传到服务端,然后在服务端进行上传操作,因为以前文件都很小所以无所谓,但是要是几百M的文件就不行了,所以就采用前端js直接上传到七 ...
wangeditor图片视频上传配置
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title> ...
阿里云视频点播(VOD)服务的视频上传JAVA代码开发(上传)
一. 设计需求使用阿里云视频点播服务对客户端上传的视频进行转码处理, 并存储到本地. 支持海外用户的大视频文件上传. 解决海外上传的有无问题. 二. 实现思路客户端向服务端请求凭证, 获取上传地址 ...

flask—本地图片，视频上传

flask—本地图片，视频上传相关推荐

最新文章

热门文章