成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

Flask + H5 從桌面拖拽文件上傳到后臺

whinc / 2908人閱讀

摘要:拖拽上傳文件從桌面拖拽圖片到紅色區(qū)域這里以上傳圖片為例,如果想要上傳文件等。可以使用的方法讀取文件內(nèi)容,從而展現(xiàn)到頁面上。

拖拽上傳文件 從桌面拖拽圖片到紅色區(qū)域
這里以上傳圖片為例,如果想要上傳 .txt 文件等??梢允褂?FileReader.readAsText(fs[0], "utf-8")的方法讀取文件內(nèi)容,從而展現(xiàn)到頁面上。





  
  拖拽上傳文件
  


  
將文件拖拽到此區(qū)域
    頁面截圖 (已經(jīng)可以展示拖拽進(jìn)來的圖片)

    將文件保存到后臺
    # app.py
    
    from flask import Flask, render_template, request, redirect, url_for
    import os
    import base64
    
    app = Flask(__name__)
    
    @app.route("/")
    def index():
      return render_template("index.html")
    
    
    @app.route("/upload_file_base64/", methods=["POST","GET"])
    def upload_file_base64():
      if request.method == "POST":
        data_json=request.get_data()
    
        # 將二進(jìn)制轉(zhuǎn)換成字符串
        if type(data_json) == bytes:
          data_json = data_json.decode("utf8")
    
        # 刪除前面的 "data:image/png;base64,"   當(dāng)時這里出錯,弄了好長時間 -. -!
        img_data = data_json.split(",")[1];        
    
        # 用base64.b64decode()轉(zhuǎn)化
        f = open("test.jpg","wb") 
        f.write(base64.b64decode(img_data))  
        f.close()  
    
        return redirect(url_for("index"))
      return render_template("index.html")
    

    文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

    轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/103804.html

    相關(guān)文章

    • Flask + H5 桌面拖拽文件上傳后臺

      摘要:拖拽上傳文件從桌面拖拽圖片到紅色區(qū)域這里以上傳圖片為例,如果想要上傳文件等??梢允褂玫姆椒ㄗx取文件內(nèi)容,從而展現(xiàn)到頁面上。 拖拽上傳文件 從桌面拖拽圖片到紅色區(qū)域 這里以上傳圖片為例,如果想要上傳 .txt 文件等??梢允褂?FileReader.readAsText(fs[0], utf-8)的方法讀取文件內(nèi)容,從而展現(xiàn)到頁面上。 拖拽上傳文件 li...

      leiyi 評論0 收藏0
    • 使用Dropzone.js上傳

      摘要:原創(chuàng)個人網(wǎng)站歡迎訪問說明后臺用的的框架,后臺對你理解這篇文章沒什么影響,你可以使用作為上傳區(qū)引入和然后使用表單定義一個即可完成第一種上傳第一種上傳效果作為上傳區(qū)作為上傳區(qū)也很簡單點我上傳下面兩行是和的方式實現(xiàn)綁定的例子 原創(chuàng)【個人網(wǎng)站歡迎訪問】說明:后臺用的python的flask框架,后臺對你理解這篇文章沒什么影響,你可以使用php form作為上傳區(qū) 引入Dropzone.js和d...

      NervosNetwork 評論0 收藏0
    • 使用Dropzone.js上傳

      摘要:原創(chuàng)個人網(wǎng)站歡迎訪問說明后臺用的的框架,后臺對你理解這篇文章沒什么影響,你可以使用作為上傳區(qū)引入和然后使用表單定義一個即可完成第一種上傳第一種上傳效果作為上傳區(qū)作為上傳區(qū)也很簡單點我上傳下面兩行是和的方式實現(xiàn)綁定的例子 原創(chuàng)【個人網(wǎng)站歡迎訪問】說明:后臺用的python的flask框架,后臺對你理解這篇文章沒什么影響,你可以使用php form作為上傳區(qū) 引入Dropzone.js和d...

      gotham 評論0 收藏0
    • 使用Dropzone.js上傳

      摘要:原創(chuàng)個人網(wǎng)站歡迎訪問說明后臺用的的框架,后臺對你理解這篇文章沒什么影響,你可以使用作為上傳區(qū)引入和然后使用表單定義一個即可完成第一種上傳第一種上傳效果作為上傳區(qū)作為上傳區(qū)也很簡單點我上傳下面兩行是和的方式實現(xiàn)綁定的例子 原創(chuàng)【個人網(wǎng)站歡迎訪問】說明:后臺用的python的flask框架,后臺對你理解這篇文章沒什么影響,你可以使用php form作為上傳區(qū) 引入Dropzone.js和d...

      Mr_zhang 評論0 收藏0

    發(fā)表評論

    0條評論

    最新活動
    閱讀需要支付1元查看
    <