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

資訊專(zhuān)欄INFORMATION COLUMN

Flask + H5 從桌面拖拽文件上傳到后臺(tái)

leiyi / 3168人閱讀

摘要:拖拽上傳文件從桌面拖拽圖片到紅色區(qū)域這里以上傳圖片為例,如果想要上傳文件等??梢允褂玫姆椒ㄗx取文件內(nèi)容,從而展現(xiàn)到頁(yè)面上。

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





  
  拖拽上傳文件
  


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


    將文件保存到后臺(tái)
    # 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)時(shí)這里出錯(cuò),弄了好長(zhǎng)時(shí)間 -. -!
        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)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

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

    相關(guān)文章

    • Flask + H5 桌面拖拽文件上傳后臺(tái)

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

      whinc 評(píng)論0 收藏0
    • 使用Dropzone.js上傳

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

      NervosNetwork 評(píng)論0 收藏0
    • 使用Dropzone.js上傳

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

      gotham 評(píng)論0 收藏0
    • 使用Dropzone.js上傳

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

      Mr_zhang 評(píng)論0 收藏0

    發(fā)表評(píng)論

    0條評(píng)論

    leiyi

    |高級(jí)講師

    TA的文章

    閱讀更多
    最新活動(dòng)
    閱讀需要支付1元查看
    <