flask ajax 文件上传,Flask Web开发入门之文件上传（八）

女爷i 2022-09-03 06:19 229阅读 0赞

本章我们介绍Flask Web开发中涉及的文件上传模块

定义后台接收处理逻辑

\# http://flask.pocoo.org/docs/0.12/patterns/fileuploads/

@app.route('/upload', methods=\['POST'\])

def upload\_file():

if request.method == 'POST':

\# check if the post request has the file part

if 'file' not in request.files:

logger.debug('No file part')

return jsonify(\{'code': -1, 'filename': '', 'msg': 'No file part'\})

file = request.files\['file'\]

\# if user does not select file, browser also submit a empty part without filename

if file.filename == '':

logger.debug('No selected file')

return jsonify(\{'code': -1, 'filename': '', 'msg': 'No selected file'\})

else:

try:

if file and allowed\_file(file.filename):

origin\_file\_name = file.filename

logger.debug('filename is %s' % origin\_file\_name)

\# filename = secure\_filename(file.filename)

filename = origin\_file\_name

if os.path.exists(UPLOAD\_PATH):

logger.debug('%s path exist' % UPLOAD\_PATH)

pass

else:

logger.debug('%s path not exist, do make dir' % UPLOAD\_PATH)

os.makedirs(UPLOAD\_PATH)

file.save(os.path.join(UPLOAD\_PATH, filename))

logger.debug('%s save successfully' % filename)

return jsonify(\{'code': 0, 'filename': origin\_file\_name, 'msg': ''\})

else:

logger.debug('%s not allowed' % file.filename)

return jsonify(\{'code': -1, 'filename': '', 'msg': 'File not allowed'\})

except Exception as e:

logger.debug('upload file exception: %s' % e)

return jsonify(\{'code': -1, 'filename': '', 'msg': 'Error occurred'\})

else:

return jsonify(\{'code': -1, 'filename': '', 'msg': 'Method not allowed'\})

判定文件类型

def allowed\_file(filename):

return '.' in filename and \\

filename.rsplit('.', 1)\[1\].lower() in ALLOWED\_EXTENSIONS

前台页面代码

上传文件

class="layui-input" readonly="readonly">

![delete.png')%7D%7D][delete.png_7D_7D]

style="display: none;">

上传文件

上传按钮初始化及回调

layui.use(\['upload', 'layer'\], function () \{

var upload = layui.upload;

var layer = layui.layer;

upload.render(\{

elem: '\#upload'

, url: '/upload'

, accept: 'file'

, exts: 'txt'

, size: 2048

, done: function (res) \{

console.log(res);

if (res.code === 0) \{

layer.msg(res.filename + '上传成功');

$("\#upload\_message").val(res.filename);

$("\#img\_delete").show()

\} else \{

layer.alert('上传失败');

$("\#upload\_message").val('上传失败！');

\});

\})

当然允许上传，同时也应该允许对以删除文件进行删除

@app.route('/delete', methods=\['GET'\])

def delete\_file():

if request.method == 'GET':

filename = request.args.get('filename')

timestamp = request.args.get('timestamp')

logger.debug('delete file : %s, timestamp is %s' % (filename, timestamp))

try:

fullfile = os.path.join(UPLOAD\_PATH, filename)

if os.path.exists(fullfile):

os.remove(fullfile)

logger.debug("%s removed successfully" % fullfile)

return jsonify(\{'code': 0, 'msg': ''\})

else:

return jsonify(\{'code': -1, 'msg': 'File not exist'\})

except Exception as e:

logger.debug("delete file error %s" % e)

return jsonify(\{'code': -1, 'msg': 'File deleted error'\})

else:

return jsonify(\{'code': -1, 'msg': 'Method not allowed'\})

删除按钮初始化及回调处理

function do\_delete() \{

var filename = $("\#upload\_message").val();

layui.use(\['upload', 'layer'\], function () \{

var layer = layui.layer;

$.ajax(\{

url: '/delete?filename=' + filename + "&timestamp=" + new Date().getTime()

, type: 'GET'

, success: function (response) \{

console.log(response)

if (response.code == 0) \{

layer.msg('"' + filename + '"删除成功！');

$("\#upload\_message").val('')

$("img\_delete").hide()

\} else \{

layer.msg('"' + filename + '"删除失败！');

\})

实现效果

![5f02efeadda4320ce22cc77340f4a5f2.png][]

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

[delete.png_7D_7D]: 
[5f02efeadda4320ce22cc77340f4a5f2.png]: /images/20220829/f04519917a4d46bca3e35a3c6ed01a65.png

flask ajax 文件上传,Flask Web开发入门之文件上传（八）

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关 file上传代码 ios_Python之利用Flask上传文件、Flask_RESTful

相关 Flask 文件上传与下载

相关 flask ajax 文件上传,Flask Web开发入门之文件上传（八）

相关 flask多文件上传

相关 flask-文件上传/下载

相关 Flask Web开发入门（十）之图片上传（使用Flask-Upload）

相关 Flask Web开发入门（八）之文件上传

相关 Flask上传文件

相关 Python Flask，上传文件，request.files

相关 Python之flask文件上传