国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > Python > 正文

Flask Web開發入門之文件上傳(八)

2020-01-04 14:42:10
字體:
來源:轉載
供稿:網友

本章我們介紹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

前臺頁面代碼

<div class="layui-inline">      <label class="layui-form-label">上傳文件</label> <div class="layui-input-inline">   <input type="text" name="attach" id="upload_message" lay-verify="required" autocomplete="off"   class="layui-input" readonly="readonly"> </div></div><div class="layui-inline">   <img id='img_delete' src="{{ url_for('static', filename='images/delete.png')}}" onclick="do_delete()"     style="display: none;">   <button type="button" class="layui-btn" id="upload"><i class="layui-icon"></i>上傳文件</button></div>

上傳按鈕初始化及回調

 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 + "×tamp=" + 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 + '"刪除失敗!');          }        }      })    })  }

實現效果

Flask,Web開發,文件上傳

源碼參考:flask-sqlalchemy-web   

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VEVB武林網。


注:相關教程知識閱讀請移步到python教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 来安县| 乐陵市| 峨眉山市| 西和县| 莱州市| 和静县| 崇礼县| 林芝县| 治多县| 张北县| 浦县| 蒙阴县| 酒泉市| 棋牌| 崇州市| 屯昌县| 新兴县| 绵阳市| 蓬溪县| 元朗区| 昌黎县| 安达市| 华亭县| 休宁县| 东光县| 南和县| 芜湖市| 左云县| 屏边| 九龙城区| 华蓥市| 休宁县| 静乐县| 兰西县| 肥东县| 徐水县| 南宁市| 昌宁县| 广河县| 工布江达县| 濮阳市|