无法打开从Flask发送的zip文件

Question

我的服务器中有一个zip文件，我想为用户创建一个下载按钮，下面是我的代码：

@app.route("/profile", methods=["GET", "POST"])
def profile():

if request.method == "GET":

    return render_template("profile.html")

if request.method == "POST":

    #Some code

    return send_file(f"user_projects/delivery.zip")

下面是我的JS代码：

xhr.onreadystatechange = function () {
    
    if (this.readyState == 4 && this.status == 200) {     

        if (something) {
            some code
        }
        else {                        
            var zipFile = new Blob([this.response])               
            var url = URL.createObjectURL(zipFile)
     
            downloadLink.href = url;            
        }
    }
}

当我单击“a”元素（downloadLink）时，我可以下载zip文件，但当我尝试打开它时，我会收到一个错误，上面写着：

错误：不是存档警告：标题错误

从服务器的zip文件是100%罚款，我可以打开它没有任何问题，问题是当我从我的网站下载它，所以我认为有一些我是理所当然的。任何帮助都很感激，谢谢。

Answer 1

我根据这个答案解决了这个问题，现在我可以下载zip文件，只是为了记录：

我修改了服务器代码，必须以二进制格式打开文件，并将其编码为bas64：

with open(f"user_projects/delivery.zip", mode="rb") as binaryFile:
        binaryFile = binaryFile.read()
        archivoEnBase64 = base64.b64encode(binaryFile)

return archivoEnBase64

以下是修改后的JS代码：

var zipFile = new Blob([atob(this.response)], {"type": "application/zip"})               
            var url = URL.createObjectURL(zipFile)

            downloadLink.href = "data:application/zip;base64," + this.response;

请求-响应是一个字节字符串，因此我使用atob（）对其进行解码，href属性使用数据URI方案：

数据：[媒体类型][；base64]，数据