1.首先鸿蒙的js文件上传,设置目录路径为:
构建路径在工程主目录下:
该目录的说明见下面描述:
视图构建如下:
界面代码:
- <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');
- }
- });
- }
- }
上传参数说明如下:
域名采用内网穿透工具:
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工程根目录下:
file_obj = request.files.get("file") 获取文件信息
filename=request.form.get("file1") 获取文件上传参数,post请求 request.form,如果是get请求,request.args. 区分get和post请求。
上传文件可能会较慢,耐心等待几秒,检查服务器端python工作台目录,查看日志信息:
还是古语说得好,十八般武艺,样样需精通!我们一起努力吧!
作者 | 刘晓敏 来源 | 阿里巴巴云原生公众号 Seata 是一款简单易用,高性能、开...
一、定义函数 在Python中,定义一个函数要使用def语句,依次写出函数名、括号、...
本月DataWorks产品月刊为您带来 产品活动 1.参与阿里云DataWorks问卷调研 (Aliyu...
操作场景 当您的裸金属服务器需要跨POD通信时,可以为裸金属服务器添加一块增强...
很多企业普遍认为,迁移到云端会扩大攻击面,因此,在云端存储数据不如在本地存...
前提条件 请您在购买前确保已完成注册和充值。详细操作请参见 如何注册公有云管...
2020年是充满动荡的一年,组织面临着众多挑战。进入2021年,大数据行业将会更加...
目前 云服务器 有哪些?随着 云计算 的发展, 云服务器 市场上提供 云服务器 的...
本文转载自微信公众号「程序员内点事」,作者程序员内点事。转载本文请联系程序...
本文转载自网络,原文链接:https://mp.weixin.qq.com/s/vqRfJtXcXg6fS_aeX0x8jQ...