當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

Flask Web开发入门

發(fā)布時(shí)間：2025/3/20 编程问答 26 豆豆

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

Flask Web開(kāi)發(fā)入門(mén)（八）之文件上傳

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

前端：詳情見(jiàn)上面的鏈接/也可以直接用form表單發(fā)post

<!DOCTYPE html><html><head><title>Html5 Ajax 上傳文件</title><script type="text/javascript">function UpladFile() {var fileObj = document.getElementById("file").files[0]; // js 獲取文件對(duì)象console.log(fileObj)console.log(fileObj.name)var FileController = "http://127.0.0.1/upload/" + fileObj.name; // 接收上傳文件的后臺(tái)地址// FormData 對(duì)象var form = new FormData();form.append("author", "hooyes"); // 可以增加表單數(shù)據(jù)form.append("file", fileObj); // 文件對(duì)象// XMLHttpRequest 對(duì)象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是對(duì)象中有的keyreturn "上傳成功"return render_template('upload.html')if __name__ == '__main__':app.run("0.0.0.0", 80)

注另解：直接通過(guò)form表單實(shí)現(xiàn)

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

轉(zhuǎn)載于:https://www.cnblogs.com/sunxiuwen/p/10032859.html

總結(jié)

以上是生活随笔為你收集整理的Flask Web开发入门的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。