當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

Flask Web开发入门

發布時間：2025/3/20 编程问答 17 豆豆

生活随笔收集整理的這篇文章主要介紹了 Flask Web开发入门小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

Flask Web開發入門（八）之文件上傳

https://blog.csdn.net/kangkanglou/article/details/79027425

前端：詳情見上面的鏈接/也可以直接用form表單發post

<!DOCTYPE html><html><head><title>Html5 Ajax 上傳文件</title><script type="text/javascript">function UpladFile() {var fileObj = document.getElementById("file").files[0]; // js 獲取文件對象console.log(fileObj)console.log(fileObj.name)var FileController = "http://127.0.0.1/upload/" + fileObj.name; // 接收上傳文件的后臺地址// FormData 對象var form = new FormData();form.append("author", "hooyes"); // 可以增加表單數據form.append("file", fileObj); // 文件對象// XMLHttpRequest 對象var xhr = new XMLHttpRequest();xhr.open("post", FileController, true);xhr.onload = function () {alert("上傳完成!");};xhr.upload.addEventListener("progress", progressFunction, false);xhr.send(form);}function progressFunction(evt) {var progressBar = document.getElementById("progressBar");var percentageDiv = document.getElementById("percentage");if (evt.lengthComputable) {progressBar.max = evt.total;progressBar.value = evt.loaded;percentageDiv.innerHTML = Math.round(evt.loaded / evt.total * 100) + "%";}}</script></head><body><progress id="progressBar" value="0" max="100"></progress><span id="percentage"></span><br/><input type="file" id="file" name="myfile"/><input type="button" οnclick="UpladFile()" value="上傳"/></body></html>

后端視圖：

from flask import Flask, request, render_templateapp = Flask(__name__) app.debug = True@app.route('/upload/<filenames>', methods=['get', 'post']) def save_file(filenames):if request.method == 'POST':file_obj = request.files['file']if file_obj:print(file_obj.filename)file_obj.save(file_obj.filename) # filename是對象中有的keyreturn "上傳成功"return render_template('upload.html')if __name__ == '__main__':app.run("0.0.0.0", 80)

注另解：直接通過form表單實現

https://blog.csdn.net/wanghandou/article/details/77877366

轉載于:https://www.cnblogs.com/sunxiuwen/p/10032859.html

總結

以上是生活随笔為你收集整理的Flask Web开发入门的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。