[大阪/横滨/德岛] 寻找基础设施/服务器端工程师!

[大阪/横滨/德岛] 寻找基础设施/服务器端工程师!

【超过500家企业部署】AWS搭建、运维、监控服务

【超过500家企业部署】AWS搭建、运维、监控服务

【CentOS的后继者】AlmaLinux OS服务器搭建/迁移服务

【CentOS的后继者】AlmaLinux OS服务器搭建/迁移服务

[仅适用于 WordPress] 云服务器“Web Speed”

[仅适用于 WordPress] 云服务器“Web Speed”

[便宜]网站安全自动诊断“快速扫描仪”

[便宜]网站安全自动诊断“快速扫描仪”

[预约系统开发] EDISONE定制开发服务

[预约系统开发] EDISONE定制开发服务

[注册100个URL 0日元] 网站监控服务“Appmill”

[注册100个URL 0日元] 网站监控服务“Appmill”

【兼容200多个国家】全球eSIM“超越SIM”

【兼容200多个国家】全球eSIM“超越SIM”

[如果您在中国旅行、出差或驻扎]中国SIM服务“Choco SIM”

[如果您在中国旅行、出差或驻扎]中国SIM服务“Choco SIM”

【全球专属服务】Beyond北美及中国MSP

【全球专属服务】Beyond北美及中国MSP

[YouTube]超越官方频道“美由丸频道”

[YouTube]超越官方频道“美由丸频道”

[TypeScript]使用ionic2处理上传图像[传输]

这是开发团队的Hase!

这次想写一下用ionic2上传图片(文件)的过程。
cordova-plugin-file-transfer 的插件

安装插件

首先安装插件。

$ ionic 插件添加 cordova-plugin-file-transfer

使用示例

import { Transfer } from 'ionic-native'; @Component({省略}) 导出类 FileUpload{ fileTransfer = new Transfer(); 构造​​函数({省略}){ } upload(){ let options = { fileKey; : '文件', fileName: 'name.jpg', headers: {} ..... } this.fileTransfer.upload( "文件路径", "服务器路径", options, false ) .then((data) = > { // 成功 }, (err) => { // 错误 }) }

解释

上述源码的第22行是实际上传图片的过程。

上传(文件路径、服务器路径、选项、trustAllHosts)

upload是一种将文件发送到服务器的方法。
解释每个论点

争论 类型 细节
文件路径 细绳 指定图片路径
服务器路径 细绳 指定保存图片的服务器路径
选项 文件上传选项
文件密钥 指定表单元素(默认:文件)
文件名 指定在服务器上保存文件时的名称(默认:image.jpg)
http方法 指定 HTTP 方法为 PUT 或 POST(默认:POST)
mime类型 指定 MIME 类型(默认:image/jpeg)
信任所有主机 布尔值 基本上假的都可以

就变成了。
官网上有详细的解释
上面我已经解释了图片上传的过程。

在最后

Transfer 插件不仅可以处理图像上传,还可以处理下载。
这次我只解释了上传过程,但如果有需求,我想也解释一下下载过程,所以
请告诉我。

如果您觉得这篇文章有帮助,请点赞!
0
加载中...
0 票,平均:0.00 / 10
731
X Facebook 哈特纳书签 口袋
[2025.6.30 Amazon Linux 2 支持结束] Amazon Linux 服务器迁移解决方案

[2025.6.30 Amazon Linux 2 支持结束] Amazon Linux 服务器迁移解决方案

[大阪/横滨] 积极招募基础设施工程师和服务器端工程师!

[大阪/横滨] 积极招募基础设施工程师和服务器端工程师!

写这篇文章的人

关于作者

长谷达也

应届毕业生加入Beyond Co., Ltd.。

我们开发网络系统(开发在浏览器上运行的服务和系统,例如网络服务、数字内容和业务管理系统)和游戏API(开发与应用程序游戏通信的程序)。

我们还为 Shopify 开发私人/自定义应用程序。

原本在大阪事务所工作,2019年调到横滨事务所。
我的爱好是棒球/卡拉OK/动漫