鸿蒙的js开发部模式18:鸿蒙的文件上传到python服务器端

时间:2024-01-28 16:54:53

1.首先鸿蒙的js文件上传,设置目录路径为:

鸿蒙的js开发部模式18:鸿蒙的文件上传到python服务器端

 

构建路径在工程主目录下:

鸿蒙的js开发部模式18:鸿蒙的文件上传到python服务器端

该目录的说明见下面描述:鸿蒙的js开发部模式18:鸿蒙的文件上传到python服务器端

 

视图构建如下:

鸿蒙的js开发部模式18:鸿蒙的文件上传到python服务器端

界面代码:

<div class="container">
   <div onclick="operatorloadone" class="divone"><text>上传文件</text></div>
</div>

 

js上传业务逻辑代码:

 

导入request模块   import request from '@system.request';   执行upload方法:

 

import request from '@system.request';
import prompt from '@system.prompt';
export default {
    data: {
        title: 'World'
    },
    operatorloadone()
    {
        prompt.showToast({
            message:"执行文件上传"

        })
        request.upload({
            url: 'http://rwrg2k.natappfree.cc/upload',
            method:"POST",
            files: [
                {
                    uri: 'internal://cache/path/to/file.txt',
                    name: 'file',
                    filename: 'file.txt',
                },
            ],
            data:[
                {
                    name: 'file1',
                    value: '文本文件',
                },
            ],
            success: function(data) {
                console.log(data);
            },
            fail: function() {
                console.log('upload fail');
            }
        });

    }
}

 

上传参数说明如下:

鸿蒙的js开发部模式18:鸿蒙的文件上传到python服务器端

鸿蒙的js开发部模式18:鸿蒙的文件上传到python服务器端

域名采用内网穿透工具:

鸿蒙的js开发部模式18:鸿蒙的文件上传到python服务器端

 

python服务器端的代码如下:

from  flask  import Flask
from flask  import jsonify
from  flask  import   request

app=Flask(__name__)
'''因为是文件,所以只能是POST方式'''
@app.route("/upload", methods=["POST"])
def  uploadFile():
    print("获取上传文件信息")
    """接受前端传送来的文件"""
    file_obj = request.files.get("file")
    filename=request.form.get("file1")
    print("获取文件的参数是:"+filename)

    if file_obj is None:
        # 表示没有发送文件
        return jsonify("未上传文件")

    '''
        将文件保存到本地(即当前目录)
        直接使用上传的文件对象保存
    '''
    file_obj.save('file.txt')  # 和前端上传的文件类型要相同
    file_obj.seek(0)
    return jsonify("上传成功")


if  __name__=="__main__":
    app.run(debug=True,port=8500)

 

文件上传到python工程根目录下:

鸿蒙的js开发部模式18:鸿蒙的文件上传到python服务器端

file_obj = request.files.get("file")  获取文件信息   

filename=request.form.get("file1")  获取文件上传参数,post请求 request.form,如果是get请求,request.args. 区分get和post请求。

 

上传文件可能会较慢,耐心等待几秒,检查服务器端python工作台目录,查看日志信息:

鸿蒙的js开发部模式18:鸿蒙的文件上传到python服务器端

还是古语说得好,十八般武艺,样样需精通!我们一起努力吧!

 

《鸿蒙的js开发模式》系列文章合集

作者:六合李欣

想了解更多内容,请访问51CTO和华为合作共建的鸿蒙社区:https://harmonyos.51cto.com